DHTML drop down menu & <select> boxes??

[KSEB]

Can anyone tell me how to solve this dilema.
I'm using a DHTML drop down menu on a page with a form.
The drop down menu works perfectly with regular text, html, and <input> boxes, BUT NOT WITH <SELECT> BOXES. When there is a select box the dd-menu falls behind the select box. I've tried playing with the z-index, but no luck. Any ideas??
Has anyone else come across this?

Thank you eternally for any help!
KSEB

[gil davis]

I always thought a "drop-down menu" *was* a <select> box.

Do you mean you have a menu that on mouseover a new list appears somewhere?

Anyway, DHTML objects will not appear over form elements. Some newer browsers may behave better (Stefan, are you out there?), but z-index will not have any effect on things that do not have a "position" style declared.

[KSEB]

Gil,

Thanks for your response. I actually just found out that the selectbox is a system object and has the highest z-index; therefore, it doesn't matter how much I play with the z-index.

However, you can create a script that hides the select box when a drop down is in the area.

Thanks for you help!
KSEB.

[Stefan]

Originally posted by KSEB I actually just found out that the selectbox is a system object and has the highest z-index; therefore, it doesn't matter how much I play with the z-index.


This is true only in buggy browsers. Seclectboxes are supposed to adhere to z-index just as everything else on a webpage is supposed to do.

This was was talked about before in this thread if you want to read up :)

http://forums.webdeveloper.com/showthread.php?s=&threadid=498&highlight=zindex

[KSEB]

Thanks for link! This is great info.
KSEB