Classic case of the IE6 Select z-index bug.

You have 4 choices.

1.) Ensure that a select box will never be in a position below your 
overlay content
2.) When "opening" your overlay, change the display of all select 
elements to none
3.) Generate an iframe, to reside under your overlay (same dims), this 
will "block" the select list
4.) Forget support of IE below version 7

Most will argue that #4 is not an option, and I would agree (although I 
can't wait until it is a valid option)

In terms of what "looks" best, is #3, but it is the hardest to 
implement, and you'll need to have JS support of course for #2 and/or #3.

Good luck.

Ian Vaughan wrote:
> I have a CSS drop down and it all works fine apart from one major point.
>  
> When you roll over a menu option and the drop down appears, it is shown
> underneath a Form select box on my page ?  It displays as it should -
> over the top of a form input box, but not a select box.
>  
> Any ideas on how to get around this ?
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to