title: :hover is not working properly in IE9
body: <p>I have a simple CSS dropdown menu with an iframe inside it. When I hover my mouse over the dropdown menu, the menu drops down. But when my mouse hovers the iframe inside the menu, the menu goes back. Here's a simplified version of my code:</p>
  
  <pre><code>&lt;div id="comments"&gt;
    &lt;a href="#" class="btn"&gt;View comments&lt;/a&gt;
    &lt;div id="comment-wrap"&gt;
      &lt;iframe src="http://www.facebook.com/plugins/comments.php?..."&gt;&lt;/iframe&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;style type="text/css"&gt;
  #comment-wrap{display:none;z-index:5;position:absolute;padding:10px;background-color:#fff;}
  #comments:hover #comment-wrap{display:block;}
  &lt;/style&gt;
  </code></pre>
  
  <p>This works in the latest versions of FF, Chrome, and Opera.</p>
  
  <p>P.S. The dropdown menu remain dropped down when my mouse is hovering the padding of #comment-wrap.</p>