[JQuery] animate - nieporządany cień w IE Opcje

[matjab]

Witam.

Może ktoś już napotkał taki problem:

Zbudowałem menu, w którym po najechaniu na element listy pojawia się podpowiedź (tak jak przy użyciu znacznika title - tylko więcej fajerwerków (IMG:style_emoticons/default/tongue.gif) ). niestety jak zwykle IE stwarza problemy (IMG:style_emoticons/default/sciana.gif) . Wszystko w sumie działa jak należy, ale podczas animacji wspomnianego elementu pojawia się czarny cień w IE - efekt wieśniacki więc szukam rozwiązania. Jakieś pomysły? Poniżej wklejam kod:

style pojawiającego się elementu:
background: url(./img/hover.png) no-repeat;
width: 116px;
height: 55px;
position: absolute;
top: -60px;
left: -30px;
text-align: center;
padding: 10px 0px 10px;
font-style: normal;
z-index: 2;
display: none;

js:
$(document).ready(function(){

$(".menu a").hover(function() {
$(this).next("em").animate({opacity: "show", top: "-50"}, "slow");
}, function() {
$(this).next("em").animate({opacity: "hide", top: "-60"}, "fast");
});
});

i jeszccze element listy

[HTML] pobierz, plaintext 
<li style=" text-align:center;">
        <a href="{$menu[menu].link}"><img style="border:1px solid #a59e9e;" width="60" src="{$menu[menu].logoPath}"></a>        
        <em><strong>{$menu[menu].name}</strong></em>
        </li>
[HTML] pobierz, plaintext 

myśle, że problem leży gdzieś w css-ach..
z góry dzięki