Problema con <select /> al sobreponer una capa.-

Tengo hecho un formulario que tiene un <select> al sobreponer una capa que arroja los mensajes de comprobacion el <select> sigue visible.-

Verificá que el z-index de la capa que arroja los mensajes sea un número mayor que donde está el select.

digamos, si el select está en una capa, por ejemplo:

<div id=capaFormulario">
<form name=formulario" id="formulario">
<select name="prueba">
<option value="1">Uno</option>
</select>
</form>
</div>
<div id="capaMensajes"><p>Mensaje</p></div>

el CSS sería:
#capaFormulario {z-index: 1;}
#capaMensajes {z-index:2;}

Así, al mostrar la capaMensajes siempre va a estar por encima de la capa que contiene el select.

No funciona tampoco eso, al pareser es un error del explorer. Buscando por otros sitios encontre la solucion, que hay que poner un iframe por detras de la capa que se sobrepone al select.-

Será que el select no pierde el foco?
Probá darle el foco al div. ¿me explico?
¿Podés poner un link a la pagina para ver el codigo?

La estructure nuevamente y me salio todo perfecto, tube que mesclar eso si javascript cosa que no queria utilizar para el diseño .-
Le adjunto links de respuestas:
http://www.desarrolloweb.com/faq/414.php
http://www.forosdelweb.com/showthread.php?t=340508