Hello everyone,

I am having trouble determining why a root menu roll over image with sub menus does not display the same as a root menu with out sub menus.

I am currently using the following code / classes.

<div id="Menu">
    <dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" ControlOrientation="Horizontal" CSSNodeRoot="Main_DNNMenu" CSSNodeHoverRoot="Main_DNNMenu_hover" CSSNodeSelectedRoot="Main_DNNMenu_selected"  CssContainerSub="Subm_DNNMenu" CSSNodeHoverSub="Subm_DNNMenu_itemhover" CSSNodeSelectedSub="Subm_DNNMenu_itemselected" CSSContainerRoot="Main_DNNMenu_container" CSSControl="Main_DNNMenu_bar"
CSSNodeHover="Main_DNNMenu_hover" CSSBreak="Main_DNNMenu_break" />
</div>

/* main menu td */
.Main_DNNMenu_bar
{
 color:#666699;
 cursor:default;
 font-size: 11px;
 font-family: Tahoma, Arial, Helvetica;
 font-weight:bold;
 text-align:center;
 background-repeat:no-repeat;
 background-image:url('images/nav_unselect.png');
}

.Main_DNNMenu_Container
{
 background:aqua;
 color:fuchsia;
}
/* main menu normal */
.Main_DNNMenu
{
 color:#666699;
 font-family: Tahoma, Arial, Helvetica;
 font-size:13px;
 text-align:center;
 padding:10px 10px 10px 10px;
 text-transform:uppercase;
 margin-right:1px;
 width:124px;
 height:27px;
 background-repeat:no-repeat;
 background-image:url('images/nav_unselect.png'); 
}

/* Main Menu Hover */
.Main_DNNMenu_hover
{
 color:#9999cc;
 font-size:13px;
 font-family: Tahoma, Arial, Helvetica;
 font-weight:bold;
 text-align:center;
 padding:10px 10px 10px 10px;
 text-transform:uppercase;
 margin-right:1px;
 background-repeat:no-repeat;
 background-image:url('images/nav_select.png');
}

/* Main menu selected */
.Main_DNNMenu_selected
{
 color:#9999cc;
 text-align:center;
 font-size:13px;
 font-weight:bold;
 font-family: Tahoma, Arial, Helvetica;
 padding:10px 10px 10px 10px;
 width:124px;
 height:27px;
 text-transform:uppercase;
 margin-right:1px;
 background-repeat:no-repeat;
 background-image:url('images/nav_select.png'); 
}
.Main_DNNMenu_hover
{
 color:#9999cc;
 text-align:center;
 font-size:13px;
 font-weight:bold;
 font-family: Tahoma, Arial, Helvetica;
 padding:10px 10px 10px 10px;
 width:124px;
 height:27px;
 text-transform:uppercase;
 margin-right:1px;
 background-repeat:no-repeat;
 background-image:url('images/nav_select.png'); 
}
/* SUB Menu Normal */

.Subm_DNNMenu td
{
 background-color:black;
 z-index:1000;
 font-size:11px;
 font-weight:bold;
 font-family: Tahoma, Arial, Helvetica;
 text-align:left;
 color:#666699;
 line-height:2em;
 padding:0 10 0 10;
 margin:10px;
}

/*SUB Menu hover & selected */
.SubM_DNNMenu_itemhover td, .Subm_DNNMenu_itemselected td
{
 font-size:11px;
 background-color:#333333;
 color:#9999cc;
 font-weight:bold;
 font-family: Tahoma, Arial, Helvetica;
 text-align:left;
 line-height:2em;
 z-index:1000;
 padding:0 10 0 10;
 margin:0px;
}

It almost feels like I am missing a class for this particular hover.

Thanks for all your help.