Html 滚动表格单元格-但仅在必要时

我想显示一个只由2个单元格组成的表格——左边是一个（固定大小）的图像，右边是一个动态填充的项目列表，这意味着它通常比图像的高度长——所以它应该有一个滚动功能

到目前为止，这一切都很好——除了即使“列表”为空也有滚动条这一事实。是否有办法仅在必要时显示滚动条？我知道我想要很多。8-

这是我当前的代码：

<div style="width:100%; height:400px;">
    <div id="image" style="float:left; width:540px; height:400px"></div>
    <div id="items" style="float:left; height:400px; overflow:scroll; width:20%;"></div>
</div>

---

您可以使用

溢出：自动，使容器仅在必要时可滚动

这里有一个例子：
太棒了，这就成功了，谢谢！到目前为止我还不知道这房子。。。每天都有新的东西。。8)