Есть два Div:
<div class="cat2">
<div id="cat3">
...каталог...
</div>
</div>
.cat2{
width:1024px;
height:660px;
overflow: hidden;
}
где один служит маской, для другого. В cat3 же содержится контент в виде каталога.
Каталог состоит из Div блоков, где фото продукта и цена.
Делаю простой слайдер с перемещением блока cat3 с помощью jQuery:
$("#cat3").stop().animate({
"margin-top": "-3000px"
}, 1000);
Проблема в том, что в Chrome при прокрутки есть подергивания(их диспетчер во время прокрутки показывает 4-9 кадров в сек), а вот в IE прокручивается примерно на 600 px и останавливается, не выводя не ошибок не чего, как будто так и должно быть. В Opera и Mozilla все работает и очень плавно без потери кадров.
Была ли у кого такая проблема? И может кто знает как её решить?