<select> menu appears on top of a layer...

[QuackHead]

I have a <select> object in my HTML page that's on a layer.

Problem is, this layer is supposed to be underneath another layer.

When I load the page, the select box shows up ABOVE the top layer.

To make it even nicer, when I make the bottom layer visible and the top invisible THEN reverse that (make the top layer visible and bottom layer invisible again... the select box is then hidden under the top layer as well.

Any ideas?

~Quack

[Roy Sinclair]

What browser?

Try a few different browsers/versions and see how widely they vary. The one constant you can count on is that they'll do it wrong.

[whackaxe]

in IE, i cant remeber even seeing a select box go underneath another layer. don't know if it can be done.

[liorean]

Select boxes are in most browsers rendered by the OS, not by the HTML rendering engine. That means they aren't susceptible to some of the styling that css can give. Among this is z-index.

I believe this is fixed in ie6w if not in ie5.5w, and moz has never had any problems with it. As for other browsers, you have to check in them.