Tengo un menú desplegable de CSS simple con un iframe dentro. Cuando cierro el mouse sobre el menú desplegable, el menú se despliega. Pero cuando mi mouse sitúa el iframe dentro del menú, el menú vuelve. Aquí hay una versión simplificada de mi código:: el control deslizante no funciona correctamente en IE9
<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>
Esto funciona en las últimas versiones de FF, Chrome y Opera.
P.S. El menú desplegable permanece desplegado cuando mi mouse se mueve sobre el relleno de # comment-wrap.
¿Qué tipo de documento usas para eso? –