I got this strange problem with a skin I made.

When I apply the skin the main menu shows up fine but the submenudropdowns aren't workin. When I hover my mouse over a menu-item the submenu-items aren't showing.

Any ideas on what might be causing the problem? (I am using DNN 4.7) Thanks in advance!

Here are some code snippets:
The menu in my skin:
<div id="mainmenu">
            <div id="mainmenucontent">[NAV]</div>
</div>

The menu in my skin.xml file:

<Object>
    <Token>[NAV]</Token>
    <Settings>
      <Setting>
        <Name>ProviderName</Name>
        <Value>DNNMenuNavigationProvider</Value>
      </Setting>
      <Setting>
        <Name>CSSControl</Name>
        <Value>main_dnnmenu_bar</Value>
      </Setting>
      <Setting>
        <Name>CSSContainerRoot</Name>
        <Value>main_dnnmenu_container</Value>
      </Setting>
      <Setting>
        <Name>CSSNode</Name>
        <Value>main_dnnmenu_item</Value>
      </Setting>
      <Setting>
        <Name>CSSNodeRoot</Name>
        <Value>main_dnnmenu_rootitem</Value>
      </Setting>
      <Setting>
        <Name>CSSIcon</Name>
        <Value>main_dnnmenu_icon</Value>
      </Setting>
      <Setting>
        <Name>CSSContainerSub</Name>
        <Value>main_dnnmenu_submenu</Value>
      </Setting>
      <Setting>
        <Name>CSSBreak</Name>
        <Value>main_dnnmenu_break</Value>
      </Setting>
      <Setting>
        <Name>CSSNodeHover</Name>
        <Value>main_dnnmenu_itemhover</Value>
      </Setting>
      <Setting>
        <Name>NodeLeftHTMLBreadCrumbRoot</Name>
        <Value><![CDATA[<img alt="*" BORDER="0" src="breadcrumb.gif"/>]]></Value>
      </Setting>
<!--  Enables Populate On Demand - Will only work on versions AFTER 3.2.4
      <Setting>
        <Name>PopulateNodesFromClient</Name>
        <Value>True</Value>
      </Setting>
      <Setting>
        <Name>ExpandDepth</Name>
        <Value>1</Value>
      </Setting>
-->
    </Settings>
  </Object>

The css code:
#mainmenu{
    width:932px;
    height:40px;
    background: url(images/menubalk_tile.jpg);
    background-repeat: repeat-x;
    text-align:left;
    left:26px;
    top:268px;
    position:absolute;
    display:block;
}

.mainmenucontent{
    margin-top:17px;
    margin-left:20px;
    font-weight:bold;
    color:#666666;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
}

.main_dnnmenu_bar {
    cursor: pointer;
    cursor: hand;
    height:16px;
    background-color: Transparent;
}
.main_dnnmenu_container {
    background-color: transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
    cursor: pointer;
    cursor: hand;
    background-color: Transparent;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;   
       
    margin-top:17px;
    margin-left:20px;
    font-weight:bold;
    color:#666666;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
}
.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
    cursor: pointer;
    cursor: hand;
    background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/       
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
   
    margin-top:17px;
    margin-left:20px;
    font-weight:bold;
    color:#EEEEEE;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
}
.main_dnnmenu_icon {
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 100%;
}
.main_dnnmenu_submenu {
    background-color: #cad5ea; 
    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_itemhover { 
    color:#ffe14b;
    font-weight:bold;
}

.main_dnnmenu_itemhover td { 
    color:#ffe14b;
    font-weight:bold;
}

Have you got this visible on a site somewhere? That would make it easier me for to check.

Rob

I could mail you my skin if you think you can find the problem. ( if you would like to check it out mail me at sharpsignal(at)gmail(dot)com so I have your email to send it to you)