horizontal menu drops beneath forms

[mjunior]

Hi,
Can anyone help me to solve the issue on IE6 droping the horizontal menu beneath the forms (select inputs, applets,etc..)?
http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/P80/

On IE7 there's no problem at all, but I have lots of users running IE6.
I already tried to put z-index on the form and also in the dropdown menu (css) to make sure the menu will always stays front, but didn't work.

If the IE7 found a way, I'm sure there's a way to cheat IE6.
Please help.
Thanks in advance.

[ddadmin]

This is a well documented IE6 problem with z-index not working for certain form elements. Unfortunately there's no easy fix. Currently the one horizontal menu on DD that supports a workaround in IE6 is Chrome CSS menu (http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm).

[ibrux]

you could "hide" the form while the menu is shown.
(correct if wrong.)

[ddadmin]

Well yes you could do as ibrux suggested, but basically what you're looking at is adding a lot of scripting to the original code, which should be a mainly CSS based menu. Check out Drop Down Tab Menu (http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm) for such a menu that can hide a form while it's being dropped down.

[mjunior]

Well yes you could do as ibrux suggested, but basically what you're looking at is adding a lot of scripting to the original code, which should be a mainly CSS based menu. Check out Drop Down Tab Menu (http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm) for such a menu that can hide a form while it's being dropped down.

Thanks all. The script for hide the background worked fine, despite only hiddeing a single element at the time.

The chrome menu it's really beautifull!! And also solves the background issue...
Does anyone know how to mix the both so I can use the chrome in two dropdown levels?