Menu appear behind grid(IE7)

[Jack]

I have a DHTML menu and if we view it in IE8 or Firefox 3.6 it appears fine. In IE7 (images attached) the menu falls behind the grid. I have tried messing with the z-index but that does not help. How can I fix this for IE7.

I attached the exact source code that I used to generate the images.

Thank you.
Jack

[Barry]

Hi,

I am experiencing a similar problem. Any thoughts anyone?

[Dimo]

Hi Jack,

The Grid component is by default positioned relatively. Since it comes after your Menu in the HTML source, it will always be on top of the Menu's dropdowns, unless the Menu is placed in a higher stacking context, compared to the Grid. In order to do that, please find the ancestor HTML elements of the Menu and Grid, which are siblings and place a position:relative and some z-index style to the Menu's ancestor. In your case this is div.header_noimage.

http://blogs.telerik.com/atanaskorchev/posts/09-07-02/z-index_demystified.aspx

Regards,
Dimo
the Telerik team

[Barry]

Thanks Dimo,

I resolved my problem by setting the z-index high of the div container of my menu.