: hover не работает должным образом в IE9

У меня есть простое раскрывающееся меню CSS с iframe внутри. Когда я наводю указатель мыши на раскрывающееся меню, оно раскрывается. Но когда моя мышь наводит курсор на iframe внутри меню, меню возвращается. Вот упрощенная версия моего кода:

<div id="comments">
  <a href="#" class="btn">View comments</a>
  <div id="comment-wrap">
    <iframe src="http://www.facebook.com/plugins/comments.php?..."></iframe>
  </div>
</div>

<style type="text/css">
#comment-wrap{display:none;z-index:5;position:absolute;padding:10px;background-color:#fff;}
#comments:hover #comment-wrap{display:block;}
</style>

Это работает в последних версиях FF, Chrome и Opera.

P.S. Выпадающее меню остается раскрытым, когда моя мышь наводит курсор на отступ # comment-wrap.