Hi,

I am using DotNetNuke 4.4.1 and have a problem of overriding the background-image for the root node which has submenu under it. 

.main_dnnmenu_rootitem does not override the background image of the root node which has the submenu.

It is still use the default background-image url(/dotnetnuke/images/menu_down.gif).

Here is the screen shot of the issue. 

Picture for css of root nodes with Submenu http://www.eastgroup.com.au/cssoverride.JPG

Pckture for css of root nodes with no Submenu http://www.eastgroup.com.au/cssoverride_1.JPG

How do i achieve the override image for that?  Please help... Thank you advance.

[NAV] setting in skin.xml

      <Setting>
        <Name>CSSNodeRoot</Name>
        <Value>main_dnnmenu_rootitem</Value>
      </Setting>

My CSS

.main_dnnmenu_container {
 background-color: transparent;
}
.main_dnnmenu_bar
{  
 cursor: pointer;
 cursor: hand;
 height:20px;
 background-color: Transparent;
}

.main_dnnmenu_item td { /*TD if menu option for using tables is on*/

 cursor: pointer;
 cursor: hand;
 color: #000000;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 background-color: Transparent;
 font-family: Tahoma, Arial, Helvetica;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px; 
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
 background: #FFFFFF url("graphic/ButtonBG_off.gif") left no-repeat;
 width:109px;
 cursor: pointer;
 cursor: hand;
 color: #000000;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 background-color: Transparent;
 background-image:url(graphic/ButtonBG_off.gif);
 font-family: Tahoma, Arial, Helvetica;
    white-space: nowrap;  /*Word wrapping menu item now optional*/    
    padding: 2px 0px 0px 0px;   /*explicitly set padding for root menu items*/
    height:20px;
    text-align:center;
   
}

.main_dnnmenu_HoverRoot
{
 background: #FFFFFF url("graphic/ButtonBG_on.gif") left no-repeat;
}

.main_dnnmenu_itemhover { 
 background-color: #e6e8ec;
}

.main_dnnmenu_itemhover td { 
 background-color: #e6e8ec;
}

.main_dnnmenu_icon {
 cursor: pointer;
 cursor: hand;
 text-align: center;
 width: 0px;
 height: 100%;
 visibility:hidden;
}
.main_dnnmenu_submenu
{
 width:109px;
 background-color: #ffffff; 
 border:solid 1px #000000;
 z-index: 1000;
 cursor: pointer;
 cursor: hand;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
 padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
 height: 1px;
 font-size: 1px;
}

.main_dnnmenu_arrow
{
 border-right: #cad5ea 1px solid;
 border-bottom: #cad5ea 1px solid;
 border-top: #cad5ea 0px solid;
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
 visibility:hidden;
}
.main_dnnmenu_rootmenuarrow
{
 /*
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
 */
 visibility:hidden;
}