Amigo algunas cosas:

- No uses  _margin, ya que no valida el código. Si necesitas algo especial
para IE, usa un star hack  (* html ul {}) o css condicionales.
- Usa un reset styles, te va a facilitar la vida (
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/).


El problema es que le está dando height al LI.

Lo que hay que hacer 1ro es anidar el sub menu a la lista correctamente.

<ul>
         <li><a href="">Link</a></li>
         <li>
               <ul>
                    <li><a href="">Link 2</a></li>
                    <li><a href="">Link 2</a></li>
               </ul>
         </li>
</ul>

Y despues en el css:

#contenido .menu li {}

Borrale el height, y agregale padding:5px 0;

y listo.



2008/10/23 Jose Avia <[EMAIL PROTECTED]>

> 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
>



-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
_______________________________________________
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