Internet explorer 在jCarousel don'；我不在歌剧院工作

我正在使用插件。当我在jCarousel中悬停一个项目时，我需要在该项目上打开一个弹出窗口。我不能使用简单的悬停，因为弹出窗口大于jCarousel的高度（overflow hidden不允许我这样做）。所以我克隆了这个隐藏的弹出窗口（放在jCarousel的项目中）并将其附加到主体中。除了在Opera和IE中，一切都很好。弹出窗口会出现，但不会在鼠标离开时离开。只有当我将其他项目悬停在jCarousel中时，它才会离开，只有当我将该项目悬停两次时，它才会再次出现。嗯，奇怪的行为。有人能帮我整理一下吗

HTML:

弹出窗口的CSS：

.logo_zoom {
display: none;
position: absolute;
bottom: 46px;
height: 119px;
width: 136px;
padding: 26px 18px 31px;
z-index: 3;
text-align: center;
line-height: 1.23em;
text-decoration: none;
background: transparent url('/i/bg_zoom.png') no-repeat 0 0;
color: #e3e5c3;
img {
    width: 116px;
    max-height: 75px;
    padding-bottom: 7px;
}
&.zoom_hovered {
    display: block;
}

如果有关系的话，看起来是这样的：

$('.jcarousel-item').mouseenter(function(){
        var find_zoom = $(this).find('.logo_zoom')
            logo_pos = $(this).offset(),
            logo_zoom = find_zoom.clone().addClass('zoom_hovered').css('left', logo_pos.left - 10);
        $('body').append(logo_zoom);
        if($('.zoom_hovered').length > 1) {
            $('.zoom_hovered').remove();
        }
        else {
            $('.zoom_hovered').mouseenter(function(){
                $('body').append(logo_zoom);
            });
            $('.zoom_hovered').mouseleave(function(){
                $(this).remove();
            });
        }
    });

.logo_zoom {
display: none;
position: absolute;
bottom: 46px;
height: 119px;
width: 136px;
padding: 26px 18px 31px;
z-index: 3;
text-align: center;
line-height: 1.23em;
text-decoration: none;
background: transparent url('/i/bg_zoom.png') no-repeat 0 0;
color: #e3e5c3;
img {
    width: 116px;
    max-height: 75px;
    padding-bottom: 7px;
}
&.zoom_hovered {
    display: block;
}