Código CSS:
Ver original{ margin: 0px;padding: 0px; outline: 0;}
html, body { width: 100%;}body
{ background: #366;font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu { FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { width: 162px;}
#menu ul li { text-align: left;}
#menu ul li.primera { border-top: none;}
#menu ul li a {display: block;text-decoration: none;color: #000;background-color: #bab593;border: none;border-top: none;padding:none;position: relative;}
#menu ul li:hover {position: relative;background-color: #bab593;color: #bab593;}
#menu ul li a:hover,
#menu ul li:hover a.nivel1 {background-color: #bab593;color: #00;position: relative;}
#menu ul li a.nivel1 {display: block!important;display: none;position: relative;}
#menu ul li ul {display: none;}
#menu ul li:hover > ul {display: block;position: absolute;left: 161px;top:-1px;}
#menu ul li ul li a {width: 162px;background-color: #bab593;color: #000;position: relative;}
#menu ul li ul li a:hover {position: relative;background-color: #6CC;color: #000;}
#menu ul li a.nivel1ie {width: 162px;padding: 0px;}
#menu ul li a.subnivel {padding-bottom: 0px;}
#menu ul li a:hover ul.nivel2,
#menu ul.nivel2 li a:hover ul.nivel3,
#menu ul.nivel3 li a:hover ul.nivel4 {display: block;position: absolute;left: 162px;top:-1px;}table.falsa {border-collapse:collapse;border:0px;float: left;}
#menu ul li:hover a.nivel
jeje disculpa ahi esta
espero que me puedas ayudar
saludos