title: :hover issue when mouse moves over an iframe which is inside the div | Internet Explorer
body: <p><strong>Here is my problem:</strong></p>
  
  <p>I have made a small bar in the left side of the browserwindow <code>#blokje{left:-180px; position:absolute;...}</code>, when users hover over the bar --> the position changes using <code>#blokje:hover{left:0};</code>
  All this works fine, but now I've added a google adsense frame inside the div and... everything works fine except in IE (most used browser; ads...)</p>
  
  <p>It looks like the div:hover disappears over the frame causing annoying flickering and users are unable to click ads ! </p>
  
  <p>I think that a possible solution would be to use jquery  instead of css to perform the hover effect. Can someone translate my css for me to jQuery ?</p>
  
  <pre><code>#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; }
  </code></pre>
  
  <p><strong>fiddler</strong> explains the issue; please note that the problem is only in IE</p>
  
  <p><a href="http://jsfiddle.net/6FeH8/" rel="nofollow">http://jsfiddle.net/6FeH8/</a></p>
  
  <p>The <strong>live example online in a test environment</strong> not cached (Note: it's about the bar in the left not the 404 error !) </p>
  
  <p><a href="http://kramels.x10.mx/goedkoopste-autolening.tk/" rel="nofollow">http://kramels.x10.mx/goedkoopste-autolening.tk/</a></p>