es obvio que no va a servir así como lo pones, ¿sabes algo de CSS?
ya que estas reglas están mal, pues jamás habrá un <a/> dentro de otro <a/>
no es mi estilo, pero ya ni modo...
Cita: #header ul.menu ul {display:none; top:50px; position:absolute; background:#fff; padding:14px 0}
#header ul.menu li a {display:block ; font-size:16px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:14px 0 20px ; width:165px; text-align:center; text-decoration:none }
#header ul.menu li a:hover {color:#fff; background:url(../images/hover_bg.gif) repeat-x 0 0; }
#header ul.menu li > a.current {color:#fff; background:url(../images/hover_bg.gif) repeat-x 0 0; }
#header .menu > li > a.active {color:#fff !important; background:url(../images/hover_bg.gif) repeat-x 0 0; }