Positioning problems in DNN

[Ky]

Hi guys :)

Im having trouble positioning the RadMenu where I want it in my DNN skin.

So far, I have it positioned fine in FF and IE8, but in IE7/6, the menu magically appears about 20px higher than its meant to. Im using the backdated IE renderer at : http://ipinfo.info/netrenderer/index.php to test my menu.

Im a little confused as to why its sitting so high in IE7/6, but perfect in IE8/FF.

Any hints?

Ill post my CSS below, THANKS!!

Test URL is at :
http://ccngroup.com.au.dnnmax.com/skintest.aspx

--SkinObject Code--

<div style="float:right; width: 100%;"><dnn:RADMENU id="dnnRADMENU" runat="server" <br>                            Skin="Menu"<br>                            EnableEmbeddedSkins="false"  <br>                            CollapseDelay="500" <br>                            ShowPath="True"<br>                            Width="100%"<br>                            Flow="Horizontal"<br>                            Align="Right"<br>                            ImagesOnlyMenu="false"<br>                            EnableAdminMenus="true"<br>                        /></div><br>

-- CSS Code --

/* RADMenu */
.rwMenu{ text-align:right; clear:both;width:100%;padding:0px 0px 0px 0px; z-index:999 !Important;}
.Admin .rwMenu{clear:both;width:100%;padding:0px 0px 0px 0px;}
.RadMenu{float: none !Important; width:100%;}
.rmRootGroup{ width:100%; margin:0px; padding: 0px;}

/* Root Level - Menu Items */
.RadMenu_Menu .rmRootGroup .rmItem { padding:0px; border:#0F0; float: right;}
.RadMenu_Menu .rmRootGroup .rmItem .rmLink{padding:0px;}
.RadMenu_Menu .rmRootGroup .rmItem .rmLink:hover{text-decoration:none;}
.RadMenu_Menu .rmRootGroup .rmItem .rmLink .rmText { font-weight:normal ;font-size:12px; line-height:33px;font-family: Arial, sans-serif, Verdana; text-transform:uppercase; color:#FFF;cursor:pointer;}
.RadMenu_Menu .rmRootGroup .rmItem .rmLink:hover .rmText{color: #000000;}
.RadMenu_Menu .rmRootGroup .rmItem .rmLink:hover img{ cursor: pointer;}
.RadMenu_Menu .rmRootGroup .rmItem .rmFocused .rmText{color: #FFFFFF;}

/* Child Level - Menu Items */

.RadMenu_Menu .rmGroup{ margin:0px; padding:0px; width: 125px;text-align:center; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
.RadMenu_Menu .rmGroup .rmItem{ background-color:#b9122b; padding:0px;margin:0px; width: 125px; text-align:center; }
.RadMenu_Menu .rmGroup .rmItem:hover{ cursor:pointer; background-color:#FFF;}

.RadMenu_Menu .rmGroup .rmItem .rmLink{text-decoration:none;padding:0px;margin:0px; text-align:center; width: 125px;}
.RadMenu_Menu .rmGroup .rmItem .rmLink .rmText{color:#FFFFFF;line-height:24px;font-size:12px;font-weight:normal;padding:0px;margin:0px;text-align:center;}
.RadMenu_Menu .rmGroup .rmItem .rmLink:hover .rmText{color: #000000;}

.RadMenu_Default{z-index:7010 !Important;}

[Ky]

Anyone?

[Peter]

Hi Ky,

I tested your url with various versions of IE browser, but I couldn't see any difference. Were you able to fix the problem in the meantime?

Greetings,
Peter
the Telerik team