的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規則的內容幻燈片和備份鼠標移開。