Jquery ui jqueryui：从可调整大小的内容拖动到输出div

嗨，我不知道如何解决这个问题，要调整div的大小，我使用overflow:hidden，但是如果我把它放到div中，我不能拖动到div外，我可以，但是是透明的，如果我退出它并调整div的大小，div不会隐藏：

HTML

JS:

无溢出的JSFIDLE:隐藏：

---

jshiddle with overflow:hidden:

最终解决了以下问题：

    connectWith: '.region',
    appendTo: 'body',
    containment: 'window',
    helper: 'clone'

#tabs
{
    position: fixed;
    overflow: hidden;
    width: 320px;
    height: 150px;
    padding: 0.5em;
    border: 1px solid black;
    z-index: 2;
}


.destacado
{
    border: 2px solid black;
}

.region
{
    width: 200px;
    height: 200px;
    border: 2px solid red;
}

$('#tabs').tabs();
$('#tabs').resizable();
$('#tabs').draggable();

$('.region').sortable(
{
    connectWith: '.region',
    items: 'div[title="destacado"]'
});

$('#tabs-1, #tabs-2, #tabs-3').sortable(
{
    connectWith: '.region',    
    items: 'div[title="destacado"]'       
});

    connectWith: '.region',
    appendTo: 'body',
    containment: 'window',
    helper: 'clone'