jquery - slideDown/slideUp 导航在 IE9 中显示奇怪

Question

http://cougar.thepixelshopdev.ca/
我有一个简单的子导航，它使用 jquery 在“解决方案”悬停时向上/向下滑动：

$(document).ready(function() {

    $("li.page-item-6").mouseover(function(){
        $('#dropdown-contain').clearQueue().slideDown();
        $("#dropdown-contain").mouseover(function(){
            $('#dropdown-contain').stop().css('display', 'block');
        });
    });

    $("#dropdown-contain").mouseout(function(){
        $('#dropdown-contain').clearQueue().slideUp();
    });

});

它在所有其他浏览器中都可以正常工作，包括 IE8 和 7。在 IE9 中，第一次悬停时，它开始在页面下方向下滑动几百像素，而不是应该的位置，当它完成滑动时会弹回它应该在的位置. 当您第二次和之后每次将鼠标悬停在它上面时，它都会继续向上/向下滑动几百个像素，进一步向下滑动页面。

这是IE9中的错误吗？非常感谢任何意见或建议！