I've got the DNNMenu displaying the correct StartTabID now, however, it's not actually dropping down nor displaying the CSS.
This is what I have in the skin:
<
dnn:NAV runat="server" id="dnnNav" level="child" userootbreadcrumbarrow="false" usesubmenubreadcrumbarrow="false" usearrows="false" CSSControl="rightmenu_menubar" CSSContainerRoot="rightmenu_menucontainer" CSSNode="rightmenu_menuitem" CSSIcon="rightmenu_menuicon" CSSNodeRoot="rightmenu_rootmenuitem" CSSContainerSub="rightmenus_submenu" CSSBreak="rightmenu_menubreak" CSSNodeHover="rightmenu_menuitemsel" CSSIndicateChildSub="rightmenu_menuarrow" CSSIndicateChildRoot="rightmenu_rootmenuarrow" MouseOverDisplay="highlight" PathSystemImage="[APPIMAGEPATH]" PathImage="[HOMEDIRECTORY]" IndicateChildren="false" NodeLeftHTMLRoot="<span style='visibility: hidden; font-size: 9pt;'>" NodeRightHTMLRoot="</span>" ProviderName="DNNMenuNavigationProvider" ForceCrawlerDisplay="true" StartTabId="987" visible="true" NodeLeftHTMLBreadCrumbRoot="<img src='[APPIMAGEPATH]/breadcrumb.gif'>" />
For CSS, I'm using this, which is derived from Nina's recent example DNNMenu skin (thank you Nina!):
.rightmenu_menucontainer {
background-color: transparent;
width: 218px;
}
.rightmenu_menubar {
cursor:auto;
height:25px;
line-height: 20px;
background-color: Transparent;
}
.rightmenu_menuitemhoverroot td{
}
.rightmenu_menuitem { /* Add TD if yes for tables option for menu */
cursor:auto;
color: white;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Arial, Helvetica, sans-serif;
white-space: nowrap; /*Optional - Word wrapping menu item*/
height: 22px;
}
.rightmenu_menurootitem { /* Add TD if yes for tables option for menu */
cursor:auto;
color: #304a7e;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Tahoma, Arial, Helvetica, sans-serif;
white-space: nowrap; /*Word wrapping menu item now optional*/
padding: 3px 12px 5px 3px; /* creates spacing between root menu items */
height: 22px;
}
.rightmenu_menuitemhover {
background-color: transparent;
height: 16px;
}
.rightmenu_menuitemhover td {
height: 16px;
}
.rightmenu_menuicon {
cursor:auto;
text-align: center;
width: 3px;
height: 16px;
}
.rightmenu_menusubmenu {
background-color: transparent;
z-index: 1000;
cursor:auto;