IE中的CSS问题

我的网站在屏幕右上角有下拉菜单。下拉列表显示得很好,但当我将鼠标悬停在下拉列表中的元素上时,即呈现不正确的元素。不过,Firefox以我想要的方式显示它们。 http://www.textsensor.com/test . 有谁能告诉我是什么引起了IE的问题吗?

<div> 其中包含 <ul> . 我显示它们与宽度的直线 < <li> 包含两个图像和中间的锚。这两个图像提供了圆角,而锚点包含 <span> ,它依次包含子菜单项的文本。当鼠标移到 <跨度> ,我通过javascript显示它的父锚点兄弟图像,并将其bg图像设置为白色。图像没有正确对齐并且 <跨度>

   $("#jsddm li ul li a span").hover(function(){
        $(this).parent().siblings("img").css("visibility", 'visible');
        $(this).parent().css("border-bottom", "#a00 5px double");
    }, function(){
        $(this).parent().siblings("img").css("visibility", 'hidden');
        $(this).parent().css("border-bottom", "none");
    });

<li><img src='images/submenuImg1.png' class='leftsubImg'>
<a href="pricerates.php"><span>Price Rates</span></a>
<img src='images/submenuImg3.png' class='rightsubImg'>
</li>

干杯

阿亚兹·阿拉维