关于导航使用mouseenter，mouseleave再ie8不管用的问题

Question

开始使用hover在ie8放到一级菜单显示2级菜单但是在ie8怎么滑动都滑动不到2级菜单。。。离开一级菜单，二级菜单就消失了。在其他浏览器没问题。后来使用mouseleave 和mouseenter还是这个问题。。下面是部分代码,求大神解答    $("#navul>li").on("mouseenter", function() {        // alert("aaa");        $(this).children().show();    });    $("#navul>li ul").on("mouseleave", function() {        alert("aaa");        $(this).hide();    })    // $("#navul>li").on("mouseleave", function() {    //     // alert("aaa");    //     $(this).children('ul').hide();    // });         <ul id="navul" class="cl">                    <li class="navhome"><a href="#">首页</a></li>                    <li>                        <a href="about.html">关于我们</a>                        <ul>                            <li> <a href="about.html"> 公司简介</a> </li>                            <li> <a href="about1.html"> 公司文化</a> </li>                            <li> <a href="about2.html"> 公司资质</a> </li>                        </ul>                    </li>                    <li></li>         </ul>