Any thoughts as to why this doesn't work?  CSSNodeRoot and CSSNodeHoverRoot both work fine...

<dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="False" ControlOrientation="Horizontal" CSSNodeRoot="main_dnnmenu_rootitem2" CSSNodeHoverRoot="main_dnnmenu_rootitem_hover2" CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected2" CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected" CSSContainerSub="main_dnnmenu_submenu" CSSNodeHoverSub="main_dnnmenu_itemhover" CSSNodeSelectedSub="main_dnnmenu_itemselected" CSSContainerRoot="main_dnnmenu_container" CSSControl="main_dnnmenu_bar" CSSBreak="main_dnnmenu_break" />



.main_dnnmenu_rootitem2
{
    background: #FFFFFF url("images/bgMenuTab.gif") left no-repeat;
    width:135px;
    border:0;
   color: Black;
font-size: 13px; 
font-weight:bold;
text-align:center; 
vertical-align:middle;
margin-right:1px;
white-space:nowrap;
float:left;
padding:7px 5px 7px 5px;
}




/*  Main menu hover  */
.main_dnnmenu_rootitem_hover2
{
    background: #FFFFFF url("images/bgMenuTab.gif") left no-repeat;
    width:135px;
    border:0;
color:White;
font-size: 13px; 
font-weight:bold;
text-align:center;
margin-right:1px;
white-space:nowrap;
float:left;
padding:7px 5px 7px 5px;
}


/*  Main menu selected  */
.main_dnnmenu_rootitem_selected2
{
    background: #FFFFFF url("images/bgMenuTab.gif") left no-repeat;
    width:135px;
    border:0;
color:Black;
font-weight:bold;
text-align:center;
font-size: 13px;
margin-right:1px;
white-space:nowrap;
float:left;
padding:7px 5px 7px 5px;
}

none of the attributes for "Selected" seem to do anything... any ideas more than welcome... thanks...
this is version 05.01.01 (98)

(actually, also have any idea why the sub menus fly way down and to the right instead of staying attached when I move the Nav object to a div?  works fine as long as the page layout is tables, but if I copy/paste the entire Nav structure into a div, the submenu thing breaks too)

Some of those listed as working don't work and there isn't anything you can do about that except to use the new DNNNav classes introduced in DNN 5. They are much different and I'm not sure if they came to play in DNN 5.1 or DNN 5.2 now. You could check the rendered menu using Firebug for Firefox and see if any menu classes like ".hov" ".txt" ".mi" are used. If so, you are in luck and can switch to the new and improved css classes for DNNNav.

Then your object code looks like this in html, this one uses left and right separators:

< object id="dnnNAV" codetype="dotnetnuke/server" codebase="NAV" >
< param name="ProviderName" value="DNNMenuNavigationProvider" / >
< param name="IndicateChildren" value="false" / > < param name="ControlOrientation" value="Horizontal" / >
< param name="CSSControl" value="mainMenu" / > < param name="SeparatorLeftHTML" value=" " / >
< param name="SeparatorRightHTML" value=" " / >
< /object >

and of course, remove the extra spaces before and after the < and > in the tags.

Then you can use css like this, which is really easy to update and modify for a new skin:

/*menu for dnn5x only */
 /*
.m All Sub Menu                                                                      .m All Sub Menus
.m[level]                                                                                    Sub Menu at level x
.m0                                                                                            First level sub menus
.mid[id]                                                                                     Sub Menu with id x
.mid39                                                                                      DNN Admin Sub Menu
.break                                                                                       Break .break All menu breaks
.mi                                                                                            Menu Item (all) .mi All Menu Items
.id                                                                                              Menu Item with id x
.id41                                                                                         Menu Item with id 41
.mi[path]                                                                                  Menu Item in specific path
.mi0                                                                                          First Menu Item (Home)
.mi1-0                                                                                      First child of second root menu (Admin-Site Settings)
.root                                                                                          Root Menu Item .root All root menu items
.first                                                                                          First Menu Item .first First menu item in each menu
.last                                                                                          Last Menu Item .last Last menu item in each menu
.first.last                                                                                  First & Last menu item in each menu
.icn                                                                                           Icon
.hov                                                                                         Hover
.sel                                                                                          Selected
.bc                                                                                           BreadCrumb
.txt                                                                                           Menu Text
*/
.mainMenu {font-family: Arial, Helvetica, Sans-Serif; cursor: pointer; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; vertical-align: middle; overflow: visible;}

/* root menu items default */
.mainMenu .root.mi {padding: 0 10px 0 0; background: Transparent none; color: #252525; font-weight: bold; vertical-align: middle; text-align: center; border: none 0px; margin: 0px 0px 0px 0px; height: 33px; line-height: 33px; display: inline-block; white-space: nowrap;}
.mainMenu .root .txt {padding: 0px 7px 0px 7px; line-height: 33px; height: 33px; background: Transparent url('BGMenuItemM.png') repeat-x scroll left top; display: inline-block; /*float: left; clear: none;*/ white-space: nowrap; color: #252525;}

/* sub menu */
.mainMenu .m {border: solid 3px #151515; width: 180px; white-space: nowrap; background: #333333 none; margin: -3px 0px 0px 0px; padding: 0px; z-index: 1000;}
.mainMenu .m0 {margin-top: -5px;} .mainMenu .m .mi * {padding: 2px 0px 2px 0px; font-weight: bold; white-space: nowrap; text-align: left; vertical-align: middle; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; z-index: 1000;}
.mainMenu .m .mi {height: 21px; background: Transparent none; color: #ffffff;}
.mainMenu table.m td {border-bottom: solid 1px #151515; height: 21px; z-index: 1001;}
.mainMenu table.m .last td {border-bottom: none 1px #151515; height: 21px;}
.mainMenu .m .mi .txt {padding: 0px 4px 0px 4px; height: 21px; line-height: 21px; white-space: nowrap;}

/* submenu breadcrumb and selected */
.mainMenu .m .mi.bc,
.mainMenu .m .mi.sel {background: #fefefd none; color: #252525;}

/* submenu hover */
.mainMenu .m .mi.hov {background: #fefefd none; color: #252525;}

/* icon settings */
.mainMenu .root span.icn {display: none;}
.mainMenu .root .icn img {display: none;}
.mainMenu .m .mi .icn span {padding: 0px;}
.mainMenu .m .icn img {vertical-align: middle; padding: 0px; margin: 2px;}

/* separator css */
.mainMenu .SepLeftCss {padding: 0px 0px; margin: 0px 0px 0px 0px; background: Transparent url('BGMenuItemL.png') no-repeat scroll right top; height: 33px; line-height: 33px; width: 11px; display: inline-block; /*float: left; clear: none;*/}
.mainMenu .SepRightCss {padding: 0px 0px; margin: 0px 0px 0px 0px; background: Transparent url('BGMenuItemR.png') no-repeat scroll left top; height: 33px; line-height: 33px; width: 11px; display: inline-block; /*float: left; clear: none;*/}

.mainMenu .bc .SepLeftCss {padding: 0px 0px; margin: 0px 0px 0px 0px; background: Transparent url('BGMenuItemActiveL.png') no-repeat scroll right top; height: 33px; line-height: 33px; width: 11px; display: inline-block; /*float: left; clear: none;*/}
.mainMenu .root.bc .txt {background: Transparent url('BGMenuItemActiveM.png') repeat-x scroll left top; color: #ffffff;}
.mainMenu .bc .SepRightCss {padding: 0px 0px; margin: 0px 0px 0px 0px; background: Transparent url('BGMenuItemActiveR.png') no-repeat scroll left top; height: 33px; line-height: 33px; width: 11px; display: inline-block; /*float: left; clear: none;*/}

.mainMenu .hov .SepLeftCss {padding: 0px 0px; margin: 0px 0px 0px 0px; background: Transparent url('BGMenuItemHoverL.png') no-repeat scroll right top; height: 33px; line-height: 33px; width: 11px; display: inline-block; /*float: left; clear: none;*/}
.mainMenu .root.hov .txt {background: Transparent url('BGMenuItemHoverM.png') repeat-x scroll left top; color: #252525;}
.mainMenu .hov .SepRightCss {padding: 0px 0px; margin: 0px 0px 0px 0px; background: Transparent url('BGMenuItemHoverR.png') no-repeat scroll left top; height: 33px; line-height: 33px; width: 11px; display: inline-block; /*float: left; clear: none;*/}

.mainMenu .m .mi .txt {background: Transparent none;}

I hope all this displays correctly, crossing fingers and submitting...

Edit:  it didn't take the line breaks properly, so I've tried to edit them...

---

JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke