Buenas.

Tengo un problema con una lista anidad en explorer 7.

Perdonad que os ponga el código pero es que me urge y le he dado 20.000
vueltas y no encuentro solución.

El problema es que se me monta, es decir, el ul anidado se me queda por
debajo de la entrada siguiente de los menus, es como si IE 7 no lo
interpretase

El código es este:
    <ul class="menu">
            <li><a href="1.php">Qui&eacute;nes somos</a></li>
            <li><a href="2.php">Productos</a></li>
                <ul class="submenu">
                    <li><a href="1.php">Médica</a></li>
                    <li><a href="2.php">Industrial</a></li>
                    <li><a href="3.php">General</a></li>
                </ul>
            <li><a href="3.php">Maquinaria</a></li>
            <li><a href="4.php">Sistema de calidad</a></li>
            <li><a href="5.php">Clientes</a></li>
        </ul>

Dudo sobre si es correcto así, o debería de cerrar el li con el ul dentro,
pero lo cierto es que si hgo esto, también me pasa lo mismo en mozilla.

No se que estoy haciendo mal, si algún float o que.

Insisto, siento poner el código pero me urge y es que no se que mas hacerle
para ver si funciona :/

El css es este:

#contenido ul.menu{
    margin:15px 10px 0 20px;
    _margin:15px 10px 0 10px;
    padding:0;
    list-style-type:none;
    width:270px;
    font-size:16px;
    float:left;
}

#contenido .menu li{
    margin:0;
    padding:0;
    width:270px;
    height:26px;
    line-height:26px;
    border-style:solid;
    border-width:0 0 1px 0;
    border-color:#eee;
}

#contenido .menu li a{
    margin:0;
    padding:0 0 0 10px;
    width:260px;
    text-decoration:none;
    height:26px;
    color:#666;
}

#contenido .menu a:hover{
    background-color:#e5e5e5;
    color:#333;
    display:block;
}

#contenido .submenu{
    margin:0 0 0 20px;
    padding:0 0 10px 0;
    list-style-type:none;
    width:230px;
    height:auto;
    font-size:12px;
}

#contenido .submenu li{
    margin:0;
    padding:0;
    width:230px;
    height:22px;
    line-height:26px;
    border-style:solid;
    border-width:0 0 1px 0;
    border-color:#eee;
}

#contenido .submenu li a{
    margin:0;
    padding:0 0 0 10px;
    width:220px;
    text-decoration:none;
    height:22px;
    color:#666;
}

#contenido .submenu a:hover{
    background-color:#e5e5e5;
    color:#333;
    display:block;
}
_______________________________________________
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

Responder a