z-index on select?

paulsheff · 13 Dec 2006 at 06:51

Got a weird problem in IE, I've got a css dropdown menu that's ok dropping down over flash and images but for some bizarre reason when it drops down over a select list in a form it drops in behind it?

I've tried z-indexing the div for the form, the select itself, but no luck.

It goes over the top of the textfields fine, just the select/list/menu element is an issue? Fine in FF?

Dj_Jestar · 13 Dec 2006 at 09:42

IE bug, unfortunately. I hear there is some hackish thing to do with empty iframe's, but tbh.. I'd just move the select list to a location which is not going to get overlapped.

paulsheff · 13 Dec 2006 at 12:01

Yup, the contact page now has a previously unplanned image at the top of it...

Cheers

riddlermarc · 21 Dec 2006 at 11:32

Just to mention..I had this problem too, it was using some out-of-the-box code from a 3rd party (classic ASP

). The only way to get round it was to set the visibility of the offending dropdowns to hidden at onmouseover on the css menu, and then set the dropdowns to visible at onmouseout of the css menu:

..........Before (dd's visible).................After (dd's hidden)

A definite kludge but it works