drop

[olampiad]

سلام وخسته نباشید
به این کد من ی نگا بندازید.
من این کد رو نوشتم واسه اینکه اشیائ روی اون drop بشن.
حالا
هرچیزی رو روی اون ول میکنم روی هم قرار میگیرن.
مثلا ده تا دایو روی اون ول میکنم همه ی دایو ها روی هم میرن و فقط یک دایو نشان داده میشود.
من میخوام هر دایوی که دراپ شد در زیر دایو دیگری قرار گیرد.
ولی این طور نیست.
مشکل کد من کجاست؟



$('.empoly').droppable({
drop:function(event,ui){
$(ui.draggable).find('div').remove();
$(ui.draggable).find('h6').remove();
$(this).css({'position':'relative'});
$(ui.draggable).css({'position':'absolute','left': '0px','top':'0px','width':'170px','float':'right', 'height':'36px','margin-top'
:'40px','background':'#fafafa'});
$(ui.draggable).appendTo(this);
}
})




زمانی هم که position رو absolute قرار نمیدم دایو از parent خود خیلی فاصله میگیرد.
الآن چیکار کنم
ممنون بایت کمک هاتون.