Lo debería agregar en la hoja de estilos, verdad?
Lo probé pero no funciona, quedaría así:
Código PHP:
/* -------------------- HEADER / TOP MENU LAYOUT -------------------- */
#header .topmenu { float: left; width: 789px; margin: 0; padding: 0; background: #ffffff; color: #000000; display: inline; clear: both; }
#header .topmenu #topmenuleft { float: left; width: 580px; padding: 0; }
#header .topmenu #topmenuright { float: left; width: 189px; padding-left: 0; padding-top: 8px; list-style: none; display: inline; }
/* -------------------- HEADER / NAV -------------------- */
#nav { background: #000000 url(bg-menu.png); font-size:10px; padding: 0; margin: 0; }
#nav, #nav ul { list-style: none; line-height: 2; }
#nav li { float: left; list-style: none; border: 0px solid #000000; }
#nav a, #nav a:visited { display: block; color: #FFF; padding: 5px 17px; }
#nav a:hover, #nav a:active, .current_page_item a, #home .on { display: block; background: #000000 url(bg-menu-on2.png); border: 0px solid #ffffff; text-decoration: none; }
u {z-index:100}
/* -------------------- HEADER / NAV - DROP DOWN -------------------- */
#nav li ul { position: absolute; left: -999em; height: auto; width: 170px; }
#nav li li { width: 150px; background: #000000; }
#nav li li a, #nav li li a:visited { font-weight: normal; color:#FFF; border: 1px solid #000000; }
#nav li li a:hover, #nav li li a:active { border: 1px solid #000000; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; margin-left: 0; padding-left: 0; }
.clearfloat { display: inline-block; }
.clearfloat { display: block; }
u {z-index:100}