bug in dragging effect between sortable lists in chrome IE7

[pionet]

code: <script type="text/javascript">

$(function () {

$("ul.meals_text").sortable({

connectWith: "ul", update: function (event, ui) {ItemMoved(ui.item) } dropOnEmpty: true

});

});

</script>

<div class="meals_day_01"> <div class="meal_01" > <ul class="meals_text ui-sortable" title="בוקר"> <li id="652" class="link_daily fav">aaa</li> <li id="653" class="link_daily">bbb</li> </ul> </div> <div class="bottom_meal_01"></div> <div class="meal_02"> <ul class="meals_text ui-sortable" >

<li id="656" class="link_daily" >ccc</li>

</ul> </div> <div class="bottom_meal_02"></div> <div class="meal_01"> <ul class="meals_text ui-sortable"> <li id="660" class="link_daily ">eee</li> <li id="662" class="link_daily">fff</li> </ul> </div> <div class="bottom_meal_01"></div> <div class="meal_02"> <ul class="meals_text ui-sortable"> <li id="665" class="link_daily ">gggg</li> .....

we have 2 different problems with the dragging effect: 1) in chrome when the page is scrolled down the item is presented much higher during dragging than it should be(the difference in height depends on the scrolling) . 2) in ie7 during dragging the item is presented behind the div that contains the ul.

[Scott González]

Thanks for reporting these issues, but please only report one issue per ticket. Also, as mentioned in the red box, please create a reduced test case using jsbin or jsFiddle instead of dumping code into the ticket.