I have a vertical solpartmenu navigation and I have given it a fixed with. This works great in IE. If the page name is larger than the fixed width then the menu items wraps to the next line. However firefox does not wrap and it causes breaks in the skin. I've googled and search DNN forums and can't find anything to make this display properly in Firefox. Any suggestions? I've also attached 2 images, 1 from IE and 1 from Firefox so that you can see how the second navigation item does not wrap in Firefox and causes breaks in the skin.
Here is the CSS I'm using.
.SubMenu_MenuContainer {
background-color: #37396f;
width: 128px;
}
.SubMenu_MenuItem {
Font-family: Verdana;
Font-weight: bold;
Font-size: 10px;
Color: #ffffff;
}
.SubMenu_MenuItemSel {
Font-family: Verdana;
Font-weight: bold;
Font-size: 10px;
Color: #ffffff;
background-color: #610667;
}
.SubMenu_MenuItem td {
border: 0px;
background-color: Transparent;
padding: 5px 0px 5px 0px;
width: 128px;
}
.SubMenu_MenuItemSel td {
background-color: #610667;
padding: 5px 0px 5px 0px;
width: 128px;
}
.MainMenu_SubMenu .SubMenu_MenuItemSel {
Font-family: Verdana;
Font-weight: bold;
Font-size: 10px;
Color: #ffffff;
background-color: #610667;
}