Hallo Orlando,
[http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=z-index] Die Überlappung klappt nicht bei <select>!
Das liegt an deinem Browser. Erst neuere Versionen erlauben es, select-Elemente oder Plugins per z-index zu überdecken. So es in deinem Browser nicht funktioniert, kannst du nichts dagegen tun.
Doch doch, da gibt es einen ziemlich üblen Trick, diesen Bug auch im IE6 und tiefer zu beheben. Auf den hat mich auch erst unlängst ein Kollege aufmerksam gemacht:
Man generiere mit document.createElement('IFRAME') einen Iframe, lade in diesen ein Dokument, das nichts weiter als ein leeres Body-Element enthält und baue diesen mit einem Z-Index tiefer passgenau als Zwischendecke positioniert mit den gleichen Ausmaßen (über offsetWidth und offsetHeight auszulesen) unter das FORM-Element, durch das nichts darunter Liegendes durchscheinen soll, in den Dom-Baum des Mutterdokuments ein.
IFRAMES haben ja im IE die Eigenschaft, dass sie, wenn man ihnen nicht das Attribut allowtransparency="true" verpasst, nicht transparent sind, damit überdecken sie dann sogar darunter liegende SELECT-Elemente.
Gruß Gernot