Fantastic! This worked for me. Except.... now the drop down menus persist until another menu item is hovered over or clicked. This is different than before. That is, if you hover over a menu choice, the drop downs appear. If you then decide to mouse down to the page itself, the menu drop downs do not disappear. Here is my code in skin.css:
/* Main Menu ----------------------------- */
.MainMenu_MenuContainer {background: transparent; width: 1px;}
.MainMenu_MenuContainer td {font-size: 0px; font-weight: normal;}
/* idle state of submenu items */
.MainMenu_MenuItem {font-family: verdana, sans-serif; font-size: 11px; font-weight: normal; color: #666; background: #f8f8f8; border: #f8f8f8 1px solid; padding: 3px 10px 4px 8px;}
/* hover state for submenu items */
.MainMenu_MenuItemSel {font-family: verdana, sans-serif; font-size: 11px; font-weight: normal; color: #333; background: #eaeaea; border: #eaeaea 1px solid; padding: 3px 10px 4px 8px;}
/* box for submenu */
.MainMenu_SubMenu {z-index: 1000; margin: 1px 0px 0px -2px; background-color: #f8f8f8; border: 1px solid #ddd; border-left: 3px solid #ccc; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);}
.dnn_dnnsolpartmenu_ctldnnsolpartmenu_spmsub { z-index:999;}
/* menu arrows for DNN version 4.4.1 and newer - controls the pixel shift on hover */
.MainMenu_MenuArrow {padding: 0 2px 0 0px; border: 0; text-align: right;}
/* menu arrows for DNN version 4.3.7 and older - controls the pixel shift on hover */
/* .MainMenu_MenuArrow {padding: 0 2px 0 0px; border: #f6f6f6 solid; border-width: 1px 1px 1px 0; text-align: right;} */
/* idle state of main menu items */
.MainMenu_Idle td {margin: 0; padding: 0 0 1px 0; height: 43px; background: url(tab-off-gry.gif) repeat-x;}
.MainMenu_Idle td span {color:#777; font-size: 11px; font-weight: bold; line-height: 1.4em;}
/* hover state of main menu items */
.MainMenu_Selected td {margin: 0; padding: 0 0 1px 0; height: 43px; background: url(tab-off-gry.gif) repeat-x; font-family: verdana, sans-serif;}
.MainMenu_Selected td span {color:#333; font-size: 11px; font-weight: bold; line-height: 1.4em;}
/* active/selected state of main menu items */
.MainMenu_BreadcrumbActive td, .MainMenu_Active td {margin: 0; padding: 0 0 4px 0; height: 43px; background: url(tab-on-gry.gif) repeat-x;}
.MainMenu_BreadcrumbActive td span, .MainMenu_Active td span {color: #fff; font-size: 12px; font-weight: bold; line-height: 1.4em;}
/* items we don't need to see */
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;}
.MainMenu_MenuBreak {width: auto; border: 0;}