Posted 03 Feb 2010
Link to this post
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,