I did make an animation to my menu items with this animate() method.

The code is this:

$("div[class='submenu-item']").hover( function() {

MOUSE IN

$(this).animate({'borderLeft': '8px solid rgb(241,90,36)', 'color': 'rgb(241,90,36)', 'paddingLeft': '10px', 'backgroundColor' :'#000'}, 100);

}, function() {

MOUSE OUT

$(this).animate({'borderLeft': '0px solid #000', 'color': '#DDD', 'paddingLeft': '3px', 'backgroundColor' :'#222'}, 50);

} );

In the IE8 the animation doesn't function at all.. The border left apears, but not animate. And when I do the opposite animation (on mouse out) the border doesn't vanish.

In FF it works properly.