Problem: IE renders list boxes always in the foreground and covers my DHTML menu

[Andi]

Using a DHTML dropdown menu, blocks of menu items should be displayed on
top of the page to let the user choose a menu item.

So, on top of my page (no matter how it is constructed), there should be
the menu box showing up as the foreground object, hiding the other page
elements beneath it while it is open.

The problem is that the underlying page contains list boxes (<select>
elements). Internet Explorer draws these list boxes ALWAYS ON TOP, ie
covering my menu which should actually be the top element.

In Firefox/Opera it works fine.

Here is an example:
http://alexander.zimmer.name/test.html
Please could you give me a hint how this can be solved?

TIA
Alex

[Jukka K. Korpela]

Andi <an*******@gmx.net> scripsit:

The problem is that the underlying page contains list boxes (<select>
elements). Internet Explorer draws these list boxes ALWAYS ON TOP, ie
covering my menu which should actually be the top element.
Such things happen. Form fields are often rendered by built-in system
routines that know nothing about CSS or that can be affected by CSS in some
respects only.
Please could you give me a hint how this can be solved?

Stop creating the problem. Don't user such overlays. Give each element a
place of its own. Remember to check that the page is completely functional
without CSS, too.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/