Hola a todos: Estoy haciendo un menú vertical con 2 niveles. Por lo tanto estoy usando listas anidadas. Pero no consigo controlar la posición de la lista-hija. La posición es absoluta y en cuanto falta o se añade algún elemento en algún componente anterior, se descoloca.
Yo lo que quiero es que siempre esté ahí. Si no le pongo position:absolute; más o menos se queda bien pero el <li> padre se hace tan grande como la ul que anida. Bueno este es el CSS para ver si me podeis echar una mano: #pestanias { background-image: url(fondos/pestanias.gif); background-repeat: repeat-x; background-position: left top; height: 58px; width: auto; } #pestanias ul{ margin:0; list-style:none; padding: 8px 10px 0px 10px; } #pestanias ul li{ display:inline; float: left; margin: 0; } #pestanias ul li a{ font-weight: bold; color: #3F3E41; font-size: 0.9em; background-color: #E0DFDF; background-image: url(fondos/bot_menu.gif); background-repeat: repeat-x; background-position: left top; display: block; padding: 5px 7px; border-top: 1px solid #696969; border-right:1px solid #696969; border-left: 1px solid #696969; } #pestanias ul li a:hover{ background-image: url(fondos/bot_menu_sobre.gif); background-repeat: repeat-x; background-position: left top; } #pestanias ul li ul{ background:none; list-style:none; margin-top:0px; position: absolute; left: 3px; top:172px!important; top:180px; width: auto; padding-top:15px; } #pestanias ul li ul li{ padding: 0px 2px; } #pestanias ul li ul li a.activo{ border:none; float: left; display: inline; background-color:transparent; background-image: url(fondos/bullet_submenu.gif); background-repeat: no-repeat; background-position: 0px 9px; padding-left: 11px; } #pestanias ul li ul li a:hover{ color: #A4020B; background-image: url(fondos/bullet_submenu2.gif); background-repeat: no-repeat; background-position: 0px 9px; padding-left: 11px; } #pestanias ul li a.activo { background-image: url(fondos/bot_menu_sobre.gif); background-repeat: repeat-x; background-position: left top; } Muchísimas gracias de antemano. _________________________________________________________________ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo