Problem with javascript drop-down menu and forms...

On the top of my web page I have got a menu written in Javascript, that when the mouse moves on it some drop down submenus appear. On the same web page I have got some Input boxes, Buttons, SELECT drop-down boxes, etc.

The problem is that when my menu expands when the mouse is over it, if underneath I have got an input box let say, or a <SELECT> control, then the menu goes under it, instead of appearing on top of it.

The menu I am using you can find at http://www.regate.gr (see the menu at the top of the page, sorry for the Greek)!!!!

Any ideas on how to fix this?
dinosaurusAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

VirusMinusCommented:
The select (and other form controls) have a z-index of infinty.  That means they will always be on top.

There is no straightforward way of getting your menu over form elements.

A workaround is to hide your form elements when the menu comes out.
0
VirusMinusCommented:
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
VirusMinusCommented:
another workaround is to use iframes, but this can get pretty complex.

Last is to position your menu's in such a way that they don't overlap the form controls
0
dinosaurusAuthor Commented:
Is there another way of implementing this menu? E.g. another kind of menu I can install, that will not have these kind of problems? If so, please send me the code, or direct me to some code I can use....

Thanks
0
VirusMinusCommented:
Sorry dinosaurus, but there is no menu that i know of that can go on top of form elements cross browser.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.