bug in dragging effect between sortable lists in chrome IE7

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.