[Solved] Solution: IE7 & IE8 do not display Q2 2011 menu properly

[charles]

In IE7 (and IE8 with compatibility mode), the menu control displays the drop down some 50+ pixels to the right of the parent item when opened.  To resolve this problem, open telerik.common.min.css, and make the following changes:

in

.t-menu .tgroup{display:none;white-space:nowrap;border-style:solid;border-width:1px;overflow:visible;}

add
position:relative;

in

.t-menu .t-animation-container,.t-menu .t-group{left:-1px;position:absolute;}

remove
,t-menu .t-group

so these two lines will look like:

.t-menu .tgroup{display:none;white-space:nowrap;border-style:solid;border-width:1px;overflow:visible;position:relative;}
.t-menu .t-animation-container{left:-1px;position:absolute;}

This hack fixes the display problem in IE7 and still works in firefox 7.

[Dimo]

Hello Charles,

We are not aware of such a problem, so I suspect this problem does not occur in all scenarios. Can you provide a test project for us to inspect locally?

Also, note that .tgroup should be spelled .t-group.

Regards,
Dimo
the Telerik team

[Gene]

you are right,but long drop down menu will be overlaid by the following View Content, how about?

[Gene]

"but long drop down menu will be overlaid by the following View Content " issue have be resolved by "      .HtmlAttributes(new { style = "text-align:right;z-index:11000" })
"