关于导航使用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>