Jquery ：鼠标在div | Internet Explorer内的iframe上移动时出现悬停问题

这是我的问题：

我在浏览器窗口的左侧做了一个小条，当用户将鼠标悬停在该条上时，位置会使用

#blokje:hover{left:0}改变
所有这些都很好，但现在我在div中添加了一个GoogleAdSense框架，并且。。。除了IE（最常用的浏览器；广告…）之外，一切都很好

看起来div:hover在画面上消失了，导致恼人的闪烁，用户无法点击广告

我认为一个可能的解决方案是使用jquery而不是css来执行悬停效果。有人能帮我把css翻译成jQuery吗

#blokje{width:200px; height:200px; background:#F1F1F1; position:relative; left:-180px; color:black; }
#blokje:hover{left:0;}
#blokje #tit{position:absolute; width:30px; height:200px; background:black; right:0; top:0; }

小提琴手解释了这个问题；请注意，问题只存在于IE中


测试环境中的在线实时示例未缓存（注意：它与左侧的条形图有关，而不是404错误！）

以下内容应能达到您想要的效果。这是基于链接的答案。
jQuery：

CSS:

我不能让它在我的直播网站上运行。在小提琴上它很好用。添加代码的最佳位置是什么。这是一个实时网站：可能有人用其他方法实现了相同的目标？你需要将它放在你的
$（function（）{
）脚本块中，就在你拥有它的地方，在两次调用“bind”之后。原因是
$（function（））
导致加载jquery后运行内部代码。如果有人在youtube的iframe嵌入中遇到此问题，请记住在嵌入url中添加“？wmode=transparent”
    if($.browser.msie){
        $("#blokje iframe").on("hover",function(){ 
            $(this).parents("#blokje").toggleClass("hover");
        });
    }

#blokje:hover,#blokje.hover{left:0;}