Hi again,

I created this menu using the DNNNav: http://www.hemcocorp.info/site1/

But I have 2 problems:

1. For example Fume Hoods, if I type the name with the  regular space, the submenu breaks on that and creates a new row, is there a way to fix it other than addind the   between words?

2. The menu looks great on IE, but on firefox It renders the root items on the middle of the div and doesnt respect the background image

This is the code for the DNNNav:

<td width="100%" height="35" class="NavPane">
                      <dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" 
                      CSSControl="MainMenu_MenuBar"
                      CSSNodeRoot="MainMenu_TabRootMenuItem"
                      CSSIcon="MainMenu_MenuIcon" 
                      CSSContainerSub="MainMenu_SubMenu"
                      CSSBreak="MainMenu_MenuBreak"
                      CSSNodeHover="MainMenu_TabMenuItemHover"
                      ControlAlignment="justify"
                      CSSBreadCrumbRoot="MainMenu_TabRootMenuItemSel"                    
                      CSSNodeSelectedRoot="MainMenu_TabMenuItemSelHover"                      
                      CSSNodeHoverSub="MainMenu_SubMenuItemSelHover"
                      ControlOrientation="horizontal"
                      IndicateChildren="false"
                      NodeLeftHTMLSub="&nbsp;&nbsp;"
                      NodeRightHTMLSub="&nbsp;&nbsp;|"
                      >                      
                      <CustomAttributes>
                        <dnn:CustomAttribute Name="submenuorientation" Value="Horizontal" />
                      </CustomAttributes>
                    </dnn:NAV>

</td>

And this is the CSS for the root menu items:

.MainMenu_TabRootMenuItem /* add bloque sin TD*/
{
    color: #FFFFFF;
    font-family: Verdana, Arial,  Tahoma,sans-serif;
    font-size: 9pt;
    font-weight: normal;
    border-top:10px solid transparent;
    background-image:url(images/MenuBg.gif)   
    border-right:1px solid #e8eeec;
    height:35px;
    padding-right: 10px;
    padding-left: 10px;
}

Could you pleae help me with this.

Thanks.

Hi again Jon,

Thanks the white-space works great, I added the settings for mozilla and it fixed the top of the menu, but now the borders that I used on the root menu are breaking to the bottom of the menu, I dont know if it has something to do with the top border that I use to center the items.

Thanks