Aquí va el html del menú:
Código
Y aquí el CSS:
Código
#menuvertical { margin-left:17px; text-align: left; font-family:arial; width:100%; } #menuvertical ul { list-style-type: none; padding:1px; } #menuvertical ul li.nivel1 { width: 162px; padding-bottom:1px; } #menuvertical ul li.primera { padding-bottom:1px; } #menuvertical ul li { padding-bottom:1px; margin-bottom:1px; } #menuvertical ul li a { display: block; text-decoration: none; color: #000; background-color: #EBBD26; border-left: solid 10px #48453E; border-top: none; padding: 8px; position: relative; } #menuvertical ul li:hover { position: relative; color: #000; } #menuvertical ul li a:hover, #menuvertical ul li:hover a.nivel1 { background-color: #CD9E06; border-left: solid 17px #48453E; color: #000; position: relative; } #menuvertical ul li a.nivel1 { display: block !important; display: none; position: relative; } #menuvertical ul li ul { display: none; } #menuvertical ul li ul li{ width: 162px; padding-bottom:1px; } #menuvertical ul li a:hover ul, #menuvertical ul li:hover ul { display: block; position: absolute; left: 162px; top: -1px; } #menuvertical ul li ul li a { background-color: #EBBD26; border-left: solid 10px #48453E; color: #000; } #menuvertical ul li ul li a:hover { position: relative; background-color: #CD9E06; color: #000; border-left: solid 15px #48453E; }
Gracias de antemano.