z-index and select boxes do not follow rules!

[joelwenzel]

I'm having a z-index problem. I have a menu at the top of my webpage (like the file menu at the top of the browser). When a submenu is open, it's z-index is set to 2 so that the submenu is ontop of eveything else on the page. However, for some reason the submenu appears behid the select box. I even tried setting the z-index of the select box = to 1 but it still does not solve my problem.

I am using IE

 

[joelwenzel]

I checked with netscape and it works fine. The problem is with ie

 

[iostream71]

there's a little info on this page about that. i know flash does that too..always on top =/

http://www.brainjar.com/css/positioning/default5.asp

 

[Jimuniguy]

Hi,

Sorry but willl need to see your code in order to fix it.

Cheers

James

 

[joelwenzel]

thanks for the website. It looks like the stacking context has come into play. I'm not quite sure how I will get around that but I will think about it

 

[joelwenzel]

Actually, after reading more, I can see that the problem is with IE and Select boxes and not with the stacking context

 

[SashiRaveendran]

UNfortunately Select boxes in IE are system controls you, cannot z-index on top of a select, or change its scrollbar colors or its borders