Hola a todos.

Tengo este código HTML para componer unas típicas migas.
Cuando éstas llegan a hacer una segunda linea, en IE la imagen que lleva de fondo cada uno de los /li /no figura en la izquierda y centro sino que realmente se posiciona en en el centro del /ul.

/¿Que debo hacer?


                   <ul>
<li class="primero"><a href="../../index.html" class="grisc">Inicio</a>
                           <ul>
<li><a href="../index.html" class="grisc">Los conglomerados</a>
                                   <ul>
<li><a href="index.html" class="grisc">La Madera</a>
                                           <ul>
                                               <li>El Roble</li>
                                           </ul>
                                       </li>
                                   </ul>
                               </li>
                           </ul>
                       </li>
                   </ul>


Esto es el CSS:

#dcha #migas ul { margin-left: 0; padding-left: 0; display: inline; border: none;}

#migas ul li{ margin:0; padding:0 0 0 6px; border: none; list-style: none; display: inline; background-image:url(../images/listas_flecha_migas.gif); background-repeat:no-repeat; background-position:left center;}

#dcha #migas ul li.primero { padding:0; background-image:none;}

Gracias de antemano,
Ricardo.


_______________________________________________
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://ovillo.org/mailman/listinfo/ovillo

Responder a