jquery - 鼠标移动到div内的iframe上时:hover问题| IE浏览器

这是我的问题：
我在浏览器窗口的左侧制作了一个小条，当用户将鼠标悬停在条上时-->使用#blokje{left:-180px; position:absolute;...}更改位置。
所有这些都很好，但现在我在div中添加了一个google adsense框架，然后…一切正常，除了IE（最常用的浏览器；广告…）
它看起来像div：鼠标悬停在画面上消失，造成令人讨厌的闪烁，用户无法点击广告！
我认为一个可能的解决方案是使用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; }

fiddler解释了这个问题；请注意，这个问题只存在于ie中
http://jsfiddle.net/6FeH8/
在一个没有缓存的测试环境中的在线实例（注意：它是关于左边的条而不是404错误！）
http://kramels.x10.mx/goedkoopste-autolening.tk/

最佳答案

以下几点应该能达到你想要的效果。这是基于链接的答案。
查询：

    if($.browser.msie){
        $("#blokje iframe").on("hover",function(){
            $(this).parents("#blokje").toggleClass("hover");
        });
    }

CSS:

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