Hi,

I have just about completed my shiny new DNN 4.5.1 site and all works wonderfully. However, I have a small problem with the Solpart menu. I am using a horizontal one at the top of the page. When a user clicks an item that has sub items, the sub menu appear directly under the main menu perfectly lined up and looking gorgeous . . . . .  in Firefox 2!

In Internet Explorer, however, this submenu appears half way up the main menu and to the left. It looks barely passable, but I want it to look like it does in Firefox. Any help with this would be great.

Many thanks

Hi,

This is the menu code :

/*menu*/
.MainMenu_MenuContainer { width: 1px; }
.MainMenu_MenuContainer td { cursor: default; font-size: 3px; width: 1px; }
.MainMenu_MenuIcon { display: none; }
.MainMenu_RootMenuArrow { display: none; }
.MainMenu_MenuItem { font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 2px 15px 2px 7px; border: 1px #DDB43B solid; border-width: 1px 0; }
.submenuitembreadcrumb { font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 12px; font-weight: normal; padding: 2px 15px 2px 7px; border: 1px #DDB43B solid; border-width: 1px 0; }
.submenuitemselected { font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 2px 15px 2px 7px; background: #DDB43B; border: 1px #DDB43B solid; border-width: 1px 0; }
.MainMenu_MenuArrow { font-size: 12px; padding: 1px 0 1px 1px; height: 24px; border: #DDB43B solid; border-width: 1px 1px 1px 0; }
.submenu { z-index: 1000; border: 0; padding: 0; background: #303030; }

.rootmenuitem { background: transparent; }
.rootmenuitem td { padding: 0 10px 0 9px; height: 30px; cursor: pointer; cursor: hand; border-right: 1px #DDB43B solid; }
.rootmenuitem td span { font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; font-weight: bold; }

.rootmenuitembreadcrumb { background: transparent; }
.rootmenuitembreadcrumb td { padding: 0 10px 0 9px; height: 30px; cursor: pointer; cursor: hand; border-right: 1px #DDB43B solid; }
.rootmenuitembreadcrumb td span { font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 12px; font-weight: bold; }

.rootmenuitemselected { background: #DDB43B; }
.rootmenuitemselected td { padding: 0 10px 0 9px; height: 30px; cursor: pointer; cursor: hand; border-right: 1px #DDB43B solid; }
.rootmenuitemselected td span { font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif; color: #FFFF00; font-size: 12px; font-weight: bold; }
.MainMenu_MenuBreak { display: none; }

Hope that helps . .

Thanks Sam - you've pointed me in the right direction!