的jQuery了slideDown效果基本show浏览器的问题

Question

http://jsfiddle.net/boyee007/dYXxU/
的了slideDown和效果基本show在Firefox中工作正常，但不是Chrome或浏览器或Opera我猜！
任何人都知道要把它整理出来！

HTML：

<ul class="mainnav"> 
    <li class="aboutus"><a href="#" title="About Us">About Us</a> 
     <ul> 
      <div> 
       <li ><a href="#">What is the CU?</a></li> 
       <li><a href="#">What are the benefits?</a></li> 
       <li><a href="#">Reward system explained</a></li> 
      </div> 
     </ul> 
    </li> 
</ul> 

的jQuery：

// NAVIGATION 
    $(".mainnav li").hover(function(){ 
     $("ul", this).slideDown("fast"); 
    }, function() { 
     $("ul", this).slideUp("fast"); 
    }); 

Answer 1

尝试删除： ul li:hover ul {display:block;}

一旦我倒正确的鼠标悬停铬上删除的CSS规则的内容幻灯片和备份鼠标移开。