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 (<!-- m --><a class="postlink" href="http://www.aardwulf.com/cipher/aardSaber.asp">http://www.aardwulf.com/cipher/aardSaber.asp</a><!-- m -->)) 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.
ChrisThis is a known problem, and the only workaround AFAIK is to hide dynamically hide the <select>. See this article: <!-- m --><a class="postlink" href="http://www.webreference.com/programming/javascript/form/index.html">http://www.webreference.com/programming ... index.html</a><!-- m -->
AdamAnother option is emulating select control:
<!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=3467&perpage=15&pagenumber=2">http://forums.webdeveloper.com/showthre ... genumber=2</a><!-- m -->
Anyway, I have a page (see it here (<!-- m --><a class="postlink" href="http://www.aardwulf.com/cipher/aardSaber.asp">http://www.aardwulf.com/cipher/aardSaber.asp</a><!-- m -->)) 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.
ChrisThis is a known problem, and the only workaround AFAIK is to hide dynamically hide the <select>. See this article: <!-- m --><a class="postlink" href="http://www.webreference.com/programming/javascript/form/index.html">http://www.webreference.com/programming ... index.html</a><!-- m -->
AdamAnother option is emulating select control:
<!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=3467&perpage=15&pagenumber=2">http://forums.webdeveloper.com/showthre ... genumber=2</a><!-- m -->