как правильно перетаскивать jqueryui

Question

Я использовал перетаскивание jquery Пользовательский интерфейс для функции перетаскивания.

Работает хорошо, когда я опускаю один ниже, но когда я пытаюсь опускаться ниже двух, он падает не правильно.

отображается как это изображение Результат вывода

$('.header_draggable').draggable({
revert: "invalid",
stack: "0",
helper: 'clone'
});

$('.edit_draggable').draggable({
revert: "invalid",
stack: "0"
});
$('.header_droppable').droppable({
accept: ".edit_draggable,.draggable",
drop: function (event, ui) {
    $(this).find("input").remove();
    var droppable = $(this);
    var draggable = ui.draggable;
    var draggable_class = ui.draggable.attr("class");
    var posofcls = draggable_class.indexOf("edit_draggable");
    if(posofcls === -1)
    {
        draggable.clone().appendTo(droppable);
    }
    else
    {
        $(ui.draggable).removeAttr("style");
        $(this).append(ui.draggable);
    }       
}
});

HTML DRAGGABLE

<ul class='list-inline audit_container header_draggable elementUl>
</ul>
DROPABBLE 
<div class="D_VH header_droppable draggablemain2 wid501 border ui-droppable" 
 >
</div>