dear readers: i have an expandable DHTML menu positioned above an HTML SELECT list. when i mouse over the dhtml menu, it drops down to display the available menu items, but these items are displayed "beneath" the SELECT list. i have tried the CSS property z-Index on the DHTML menu items with no success. does anyone have any suggestions or code examples where something like this works? please help. thanks an advance. Anuj.
If this problem only shows up in Internet Explorer (after adding a huge-ass z-index and nothing changes) then it's IE's z-index bug. The thing you want on top, if positioned absolutely for instance, will always be covered up by something else because IE is stupid and starts everything at a z-index of 1 minus your number. So z-index: 10000000 for IE is z-index: 1-10000000. Stupid huh? The way I found around this was to take the parent of whatever you want to be on top (which probably has position: relative written in it somewhere) and give IT the high z-index-- not the absolutely positioned thing. So if this is a menu, give the main menu OR the li's in the menu the high z-index. Should work. It's a nasty bug. Most people are forced to re-set-up their page. Let us know if that works.