dnn:NAV and dnn:Menu are skin objects (which are in turn, usercontrols).  If you want to follow "best practices" it is recommended that you use the new organized properteis.  the dnn:Menu skin object allows you to use the same "old" properties AND the new organized ones.  the dnn:Nav control only allows the newly organized ones.  For example to change the menu bar's classname in DNN:Menu you could use either menubarcssclass or csscontrol.  With DNN:Nav you can only ise csscontrol.  Another example would be being able to use either menuitemselcssclass or cssnodehover with the DNN:Menu object, and only the cssnodehover with DNN:Nav.  Make sense?

Page 18, 19, and 20 of this document outlines the property reorganization.  Page 16 of that document shows what properties each provider supports, though as I noted above, the separator is incorrectly marked for DNNMenu).

The example in the first post specifies ProviderName="DNNMenuNavigationProvider" which states that your skin will use the DNNMenu as its menu control, instead of Solpart.  This is not required in order to use the dnn:NAV skin object.

The next question is which menu to use?  Solpart is obviously more mature, and as such offers more features.  Those features do come with some baggage that is annoying.  Eventually the DNNMenu will catch up to solpart.  So if the DNNMenu offers everything you are looking for at the moment, use it, for it already offers some features that Solpart will never offer.  If it is not adaquate at the moment, then use solpart or some other nav control that is adaquate (DNNTree, ASPNET2Menu, etc.) 

OK, I have gone to the dnn:Menu but still no right separator.

<dnn:MENU runat="server" id="dnnMENU" ProviderName="DNNMenuNavigationProvider"
      ClearDefaults="true"
      CSSControl="MainMenuBar"
      CSSContainerRoot="MainMenuContainer"
      CSSNode="MainMenuItem"
      CSSNodeRoot="MainMenuRootItem"
      CSSContainerSub="MainMenuSubMenu"
      CSSBreak="MainMenuBreak"
      CSSNodeHover="MainMenuItemHover"
      CSSRightSeparator="RightSeparator"
      IndicateChildren="false"
      userootbreadcrumbarrow="false" />

(Is there another way to loose the root bread crumb arrow? This seems like old solpart>?)

CSS..........................

.MainMenuContainer {
background-color: transparent;
}
.MainMenuBar {
cursor:auto;
height:23px;
line-height: 20px;
background-color: Transparent;
}
.MainMenuItem  { /* Add TD if yes for tables option for menu */
cursor:auto;
color: #FFFFFF;
font-size: 12pt;
font-weight: bolder;
text-transform: uppercase;
background-color: Transparent;
font-family: "Times New Roman";
white-space: nowrap;  /*Optional - Word wrapping menu item*/
height: 22px;
}

.MainMenuRootItem  { /* Add TD if yes for tables option for menu */
cursor:auto;
color: #FFFFFF;
font-size: 12pt;
font-weight: bolder;
text-transform: uppercase;
background-color: Transparent;
font-family: "Times New Roman";
white-space: nowrap;  /*Word wrapping menu item now optional*/   
padding: 3px 8px 5px 8px;   /* creates spacing between root menu items */
height: 22px;
}

.MainMenuItemHover { 
color: #254C43;
background-color: transparent;
height: 22px;
}

.MainMenuItemHover td { 
background-color: #9E7F23;
height: 22px;
}

.MainMenuIcon {
cursor:auto;
text-align: center;
width: 3px;
height: 22px;
}

.MainMenuSubmenu {
background-color: #9E7F23;
border: 1px solid black; 
z-index: 1000;
cursor:auto;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
padding: 2px 4px 2px 4px;   /* creates spacing between sub-menu items */
}

.MainMenuBreak {
height: 1px;
font-size: 1px;
}

.MainMenuArrow {
border-right: #dedede 1px solid;
border-bottom: #dedede 1px solid;
border-top: #dedede 0px solid;
font-family: webdings;
font-size: 10pt;
cursor:auto; /* arrows will not display if function is not set in ascx/xml file*/
}
.MainMenuRootMenuArrow {
font-family: webdings, sans-serif;
font-size: 10pt;
cursor:auto; /* arrows will not display if function is not set in ascx/xml file*/
}

.RightSeparator  {
width: 5px;
height: 20px;
background-image: url(rightsep.jpg);
}

And now, how do I get the icon area for the submenus to go away?