z-index problem with dropDownMenu tag?

[d3rryc]

Hey, there!

I've got a dropDownMenu component inside a toolBar component. Both of them reside on my web page just above a link (ie, the dropDownMenu and its toolBar are closer to the top of the browser window than this link is). When you mouse over the dropDownMenu and the menu displays, it's displaying UNDERNEATH the link that's further down the page. I would expect the menu to cover up anything positioned lower on the page, rather that floating under the link like it is. On the RichFaces demo page at http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=dropDownMenu, the menus cover up the text below them . It's pretty distracting visually to still see that link when the menu is visible.

Anybody run across this before?

Thanks!
Derry

[sergeysmirnov]

You use IE, right ?

[d3rryc]

Yes, this is in IE7, which is a browser I have to support.

[sergeysmirnov]

It is not about the z-index like it looks from the first glance. It is about the "position:relative"

http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

It is possible to solve the problem, but solution is on the application level. (Setting the position: and z-index: explicitly).

[d3rryc]

Perfect explanation. Thank you!

Derry