jquery slidedown slideup browser问题

Question

http://jsfiddle.net/boyee007/dYXxU/
SlideDown和SlideUp 在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规则后，内容会在鼠标悬停时在chrome中正确向下滑动，并在mouseout上备份。