Código CSS:
Ver original
#mi_capa { width: 800px; padding:30px 20px; background: #CCC; clear:both; position: absolute; z-index:1000; left:50%; top:200px; margin-left:-400px; display:none; }
No hay ninguna otra capa que tenga un z-index mayor por lo que cuando la hago visible esta debería aparecer sobre cualquier otro contenido, sin embargo en una sección donde tengo varios iframes estos aparecen en el frente y "#mi_capa" queda detrás.
Esto solo pasa en IE9 y probablemente en versiones anteriores del mismo browser (no lo he chequeado aun), en FF y Opera funciona perfecto.
Alguna idea de que ocurre y como solucionarlo?
Muchas gracias de antemano