鼠标移到【浏览】处时，用JQ做了一个显示隐藏的框，当我把鼠标移到显示框上的时候出现这个问题，怎么解决

显示框移动上去了，【有时候会出现，这种情况】

html代码

 浏览 


    

    

    

样式代码

 .htlist{
        border-radius:5px;
        box-shadow: 8px 8px 2px #888888;
    }
 .htlist  li{
     cursor:pointer;font-size:12px;width:250px;float: left;
 }
 .htlist  li:hover{
     background:#ddca3e;color:white;
 }
 .htlist  li a{
     display:inline-block;width:100%;height:100%;
 }

jq显示隐藏代码

function  browse(now) {
    var obj = $(now).siblings("ul").slideDown(200);
}
        
function  nonebrowse(now) {
    var obj = $(now).siblings("ul").slideUp(200); 
}
$(function(){
    $(".htlist").hover(
        function(){
            $(".htlist").stop(true).show();
        },
        function(){
            $(".htlist").stop(true).hide();
        }) 
    })