Jquery 添加div时的拖放问题

我使用jqueryui拖放功能。我有一张有两列的桌子。这些项位于一列中，用户可以将它们拖到另一个表列中。一切都很顺利。但是，我需要在第一列中用div包装元素，以便在项目太多时添加垂直滚动。现在，当我尝试拖动元素时，似乎我正在将它们拖动到同一个div中的隐藏区域，而不是下一个表列中。我试图限制div宽度，但得到了相同的结果。我错过了什么

这是我的HTML：

<table id="tbl">
<tr valign="top">
    <td id="dragFrom" class="ui-droppable"><div id="myOverflow"></div></td>
    <td id="dropTo"></td>
</tr>
</table>

---

对不起，我刚刚找到了有效的解决方案。希望有人发现它有用：

#myOverflow{
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

---

一些JSFIDLE示例代码将对我们帮助很大，santa:）

#myOverflow{
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}