DNN 5.4.4 - Using the dnn:Nav menu.  How does one keep the MainMenu hover background colors up on the MainMenu while the users mouse moves in the sub menu.  Right now, I have the mainmenu background color pop up on hover which works, but then when the user moves to the sub menu of that main menu item, the background color goes away.

CSS:

/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu
{
    cursor:pointer;
    font-size: 12px;
    background-color:transparent;
}

/* Main Menu Normal */
.mainMenu .root
{   
    font-size: 12px;
    font-family: Verdana, Tahoma, sans-serif;
    color: #666666;
    font-weight:bold;    
    text-align:right;
    padding:8px 10px 0px 10px;
    text-transform:uppercase;
    white-space:nowrap;
    border-bottom: 2px solid #cc3300;
}
/* Main menu hover */
.mainMenu .hov{
    color:#FFF;
    /*background:url(../images/menu_hover.png) repeat-x top left; */
    background-color:#cc3300;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0 ;
    -khtml-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}



/* Main menu selected */
.mainMenu .sel, .mainMenu .bc {
    /* color:#cc3300;
    background:url(../images/menu_active.png) repeat-x top left; */
}

.mainMenu table
{
    width:200px;
    background-color:#ffffff;
    border-bottom:1px solid #666666;
    border-right:1px solid #666666;
    border-left:1px solid #666666;
    border-top:1px solid #cc3300;
    padding: 5px 0px 5px 0px;
    text-indent:5px;
    line-height:30px;
    text-align:left;
    z-index: 5000;
}

/* SUB Menu Normal */
.mainMenu tr.mi{
    z-index: 1000;
    font-size: 11px;
    font-weight:bold;
    text-align:left;
    color:#666666;
    line-height:3em;
    text-transform:none;
}
.mainMenu tr.mi td{
padding: 0 2px;
text-transform:none;
}

/* SUB Menu hover */
.mainMenu tr.hov {
/*background: #CE0D0D url(../images/submenu_hover.png) repeat-x top left;*/
    background-color:#000;

}

.mainMenu tr.hov td{
color:#fff;
}

.mainMenu tr.sel, .mainMenu tr.bc{
/*background: #CE0D0D url(../images/submenu_active.png) repeat-x top left;*/
}

.mainMenu tr.sel td, .mainMenu tr.bc td{
    color:#000;
}

.main_dnnmenu_break{
    height: 2px;
    background-color: #D5E0FF;
}

HTML:
<dnn:NAV runat="server" id="dnnNAV" providername="DDRMenuNavigationProvider" indicatechildren="false" controlorientation="Horizontal" CSSControl="mainMenu"  >