Hola, Mikmoro!
Bueno, antes que nada, muchas gracias por este aporte, me ha sido de mucha utilidad.
Fijate que estoy teniendo un *problema* con el menú, a la hora de recorrer el desplegable. Pasa que, cuando voy recorriendo el submenu, este desaparece... como si se hubiera salido del menu. Quizá tiene que ver con que hice más delgados los elementos? Me pasa con IE7 y Opera principalmente.
Mira, lo tengo montado aquí:
www.teatromexicano.com.mx/wiki/index.php y tiene submenus "Obras por estado" y "Obras por año". Te pasa a ti?
Te dejo la hoja de estilo, igual y sirve:
Código:
#navbar {
text-align: center;
width: 1000px;
height: 27px;
margin-top:2px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
#navbar ul {
list-style-type: none;
text-align:center;
padding: 0;
margin-top: 2px;
}
#navbar ul li.nivel1 {
float: left;
width: 120px;
margin-right: 2px;
border:1px solid #fff
}
#navbar ul li a {
display: block;
color:#88a0a6;
text-transform:lowercase;
font-size:10px;
font-weight:bold;
text-decoration:none;
padding:2px 0px;
position: relative;
}
#navbar ul li:hover {position: relative;
font-weight:bold;
color:#000;
background:#bbdce3;
border:1px solid #aacdd3;
}
#navbar ul li a:hover, #navbar ul li:hover a.nivel1 {
background:#bbdce3;
border:1px solid #aacdd3;
color: #000;
position: relative;
width: 118px;
}
#navbar ul li a.nivel1 {
display: block!important;display: none;
position: relative;
}
#navbar ul li ul {display: none;
}
#navbar ul li a:hover ul, #navbar ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#navbar ul li ul li a {
width: 120px;
background: #7bbbc8;
color: #000;
text-transform: capitalize;
border:1px solid #aacdd3;
}
#navbar ul li ul li a:hover {
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
Cualquier sugerencia sería genial.
Un abrazo
Samuel.