IE Fix for

Poster: marbuki __at__ juno.com
Dated: Sunday February 3 2002 - 16:09:40 GMT

I have come across a tricky little way of fixing the age old problem of select tags always overlaying divs no matter the z-index.

It only works in IE 5.5 or better, but just going by the browser usage percentage i think its worthwhile enough to implement. The reason i'm posting is that i tried to code it into the current menu system, but i just can't seem to get it work right, so if someone else wants to try their hand at it (preferably the menu developers so it can get integrated sooner .

Here is how it works:
Make a select dropdown, give it a z-index of 0.
Make a div, position it over the dropdown and give it z-index of 10.

Of course the select shows through the div, UGLY!

Now make a iframe with no scrolling and 0 frameborder, and position it exactly where the div is and give it z-index of 5.

Cool huh!

The trick is that the Iframe interacts with the select properly on the z-index, and it also interacts properly with the div. So the iframe is in front of the select and behind the div and the result is the div appears to properly cover the select!

How Microsoft can pull that off but not be able to fix the stupid select issue is beyond me ...

Anyhoo, it would be awesome to see this issue fixed, even if its only on one one platform. It would be a kudos first