Hey guys,

Im trying to create a dnn:nav that is justified across the width of the layout I have - I cant seem to do it.

Also, it renders completely differently between FireFox on Mac, and IE on PC.

My ascx code looks like this:

<dnn:NAV width="770" runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider"
            CSSControl="main_dnnmenu_bar"
            CSSContainerRoot="main_dnnmenu_container"
           
            CSSContainerSub="main_dnnmenu_submenu"
           
            CSSNode="main_dnnmenu_item"
            CSSNodeHover="main_dnnmenu_itemhover"
           
            ControlAlignment="Justify"
            IndicateChildren="false"
            ControlOrientation="Horizontal" />

And my CSS looks like this:

.main_dnnmenu_container {
    background-color: white;
    width: 770px;
    height: 25px;
    text-align: center;
}
.main_dnnmenu_bar {
    cursor: pointer;
    cursor: hand;
    height:25px;
    width:770px;
    text-align: center;
}

.main_dnnmenu_item {
    cursor: pointer;
    cursor: hand;
    color: #999999;
    font-size: 12px;
    font-family: Helvetica, Geneva, Arial, sans-serif;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
    height: 25px;
}

.main_dnnmenu_itemhover {
    cursor: pointer;
    cursor: hand;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #666666;
    font-family: Helvetica, Geneva, Arial, sans-serif;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
    height: 25px;
}

.main_dnnmenu_submenu {
    background-color: #FFFFFF;
    color:#333333; 
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=120, Strength=2);
}

Can anyone suggest anything that can help me out!? Thanks!!