<select> overrides a CSS layer...

[cmelnick]

I'm using IE 6.0, but I think that this problem occurs in all IE versions. Don't know about Mozilla. Also sorry because I know that I have read about this here before, but I tried searching and couldn't find it, so I am forced to repeat a topic. :(

Anyway, I have a page (see it here (http://www.aardwulf.com/cipher/aardSaber.asp)) that has a form on it. I also have a hidden CSS span layer that when you click on "View Instructions", the instructions (on the hidden layer), it become visible. However, when it does become visible, the <select> boxes in the form override the z-index, and are always shown overtop of the layer. Then if you scroll the layer contents, the <select> drags with it and looks awful. I have played with the z-index profusely, but I cannot get it to work.

Any suggestions?

Thanks in advance, and once again sorry for duplicating a topic.

Chris

[AdamGundry]

This is a known problem, and the only workaround AFAIK is to hide dynamically hide the <select>. See this article: http://www.webreference.com/programming/javascript/form/index.html

Adam

[Vladdy]

Another option is emulating select control:
http://forums.webdeveloper.com/showthread.php?s=&threadid=3467&perpage=15&pagenumber=2