jQuery导航在IE7中不起作用

我在一个主导航项目中有以下代码。它本质上是一个css精灵,一旦用户将鼠标悬停在菜单上,它就会被覆盖。除了IE7(ie6未测试)之外,它在所有浏览器中都能完美工作。我试过调试我的css,感觉这是来自jQuery/JS代码。有没有我可能正在使用的一些jQ代码导致了这个错误?感谢所有的帮助。

问题是,一旦悬停的跨度没有显示在IE7。所有其他浏览器都正常工作。

  jQuery('#menu-main-navigation').find('li > a')
         .append('<span class="hover"></span>')
         .hover(function() {
              jQuery('.hover', this)
                .stop()
                .animate({
            opacity: 1
                }, 400 )
            }, function() {
           jQuery('.hover', this)
            .stop()
            .animate({
               opacity: 0
             }, 300)
             });                
          jQuery("#menu-main-navigation a").find('.hover').css({opacity:0})

先谢谢你,

日本