li.hover animate и IE

[evheniys]

Поскажите СОВСЕМ чайнику, в чем я не прав.
имеем вот такой скрипт, в ФФ,Хроме, Опере - работает
в ИЕ - чудеса, реагирует только при выводе мыши за пределы <LI> в результате элемент списка при каждом наведении/уходе подымается все выше
в Не работающем виде это несчастье можно посчупать на shapoval.info
Пните, плз, в правильном направлении.

$(function() {
            $('#main-menu > li').hover(
                function () {
                    var $this = $(this);
		$this.stop(true,true).animate({
                            'top':'+=28px'
                        }, 300);
                },
                function () {
                    var $this = $(this);
$this.stop(true,true).animate({
                            'top':'-=28px'
                        }, 300);
               }
            );
        });

[sysya]

$(function() { 
            $('#main-menu > li').hover( 
                function () {
        $(this).stop().animate({ 
                            'top':'28px'//прибавляем 28 пиксел
                        }, 300); 
                }, 
                function () { 
$(this).stop().animate({ 
                            'top':'0px'//возвращаем по умолчанию
                        }, 300); 
               } 
            ); 
        });

Хотя я поспешил, это для элементов на одном уровне. Сначала пост написал, а потом проблемный сайт глянул Над конкретно вашим меню надо подумать. А какой IE(версия) тупит? IE7 нормально работает.

[evheniys]

Скрипт, как оказалось, не виноват.
Все решилось после перестановки порядка вызова функций

jQuery(document).ready(function() {
            $('#main-menu > li').hover(
                function () {
                 $(this).stop(true,true).animate({'top':'+=28px'}, 300);
                },
                function () {
                 $(this).stop(true,true).animate({'top':'-=28px'}, 300);
               }
            );
        });

jQuery(document).ready(function() {
   jQuery(this).jCore();
});

Вот такой он странный, ІЕ