Change Global Navigation Dynamic Menu Direction

With the introduction of list based navigation in SharePoint 2010, you can control the display of the dynamic (drop down) menus better than before.  A common request is to change the vertical direction of the dynamic menu display (items that appear when you hover over a parent navigation item the drop down menu is activated) to horizontal.  The following CSS style statement will change the Global Navigation (top menu bar) dynamic menus to appear horizontally.

/* ---------- Menu Item direction ---------- */
/* Custom identifier */
ul.dynamic li.dynamic,

/* === SharePoint identifiers === */

/* Anchor wrapped around span that contains the
   span that contains nav text. */
.s4-tn li.dynamic > .menu-item, 

/* Anchor wrapped around span that contains the
   span that contains nav text; 
   not necessary to affect drop down menus  */
.menu .menu-item,

/* Span that contains span that contains nav text */
.menu .menu-item .additional-background,  

/* Span that contains nav text*/
.menu .menu-item .additional-background .menu-item-text  {
    display: inline;
}

For list item customization to change the branding of the dynamic menu items, visit the SharePoint 2010 CSS Chart and search the page for “Unordered List Styles for Dynamic (drop-down/fly-out) Menu”.

http://sharepointexperience.com/csschart/csschart.html