Menu goes behind another menu

[Keith]

We have two Rad Menus (Ver 2009.3.1208.20) on the same page adjacent to each other. In IE "Menu A" flyouts were showing behind the transparent layer of the adjacent menu "Menu B" and both menus behaved correctly in FF and Safari. (see attached file) However, "Menu B" flyouts display correctly over "Menu A"

The issue is similar to the post at http://www.telerik.com/community/forums/aspnet-ajax/menu/menu-opens-behind-radschedular-no-matter-what-z-index-i-use.aspx

I was able to get "Menu A" in IE to behave correctly by adding EnableOverlay="false" style="z-index:1!important;" to the RadMenu, but then FF and Safari show the unwanted behavior. So, the problem just switched browsers.

So, short of having server side logic to detect the browser used and dynamically add the EnableOverlay="false" style="z-index:1!important;" or remove it, is there an easier fix?

Thanks in advance,

Keith E.

[Peter]

Hi Keith,

This is an IE z-index bug:
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

Here is a very useful blog post on the matter:
http://blogs.telerik.com/atanaskorchev/posts/09-07-02/z-index_demystified.aspx


Greetings,
Peter
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.