That helped, but there are few issues left:
1) I can't get it to look the same with IE7 and FF (both FF2 and FF3b4 behave the same way)
2) With Flow="Horizontal" FF displays it almost perfect, but in IE is messed up. When I use Flow="Vertical" it displays it over anything below with FF (which is not what I want) and with IE it puts the two divs side by side (weird).
Here's what I mean:
http://doubleslash.us/telerik_radmenu_border.png
<html xmlns="http://www.w3.org/1999/xhtml" > |
<head runat="server"> |
<title>Untitled Page</title> |
<link href="/Skins/Default/Menu.Default.css" type="text/css" rel="stylesheet" /> |
</head> |
<body style="background-color:black;"> |
<form id="form1" runat="server"> |
<telerik:RadScriptManager runat="server" ID="sm"></telerik:RadScriptManager> |
<telerik:RadStyleSheetManager runat="server" ID="ssm"></telerik:RadStyleSheetManager> |
|
|
<div style="width:200px; border:solid 1px yellow;"> |
|
<telerik:RadMenu runat="server" ID="m" EnableEmbeddedSkins="false" Skin="Default" Flow="Vertical"> |
<Items> |
<telerik:RadMenuItem Text="Item 1"></telerik:RadMenuItem> |
<telerik:RadMenuItem Text="Item 2"></telerik:RadMenuItem> |
<telerik:RadMenuItem Text="Item 3"></telerik:RadMenuItem> |
<telerik:RadMenuItem Text="Item 4"></telerik:RadMenuItem> |
<telerik:RadMenuItem Text="Item 5"></telerik:RadMenuItem> |
</Items> |
</telerik:RadMenu> |
|
<div style="border:solid 1px red; color:silver;"> |
should be this size |
</div> |
</div> |
|
</form> |
</body> |
</html> |
|
The Menu.Default.css is the css from Telerik with the changes you mentioned.
Thank you!