... no podía ser otro... IE6...

Estoy creando un listado donde mostrar ofertas con su foto, título y 
descripción y para ello lo estoy montando de esta manera:

<ul id="listoferta">
    <li>
        <img src="imagenes/imagen.jpg" alt="Descripción de la imagen" />
       <div>
             <h3>Título de la oferta</h3>
             <p>Descripción de la oferta</p>
       </div>
    </li>
</ul>


La hoja de estilos es la siguiente:


ul#listoferta{
    margin:35px 0 0 0; padding:0; border:0; list-style-type:none; 
clear:both;
}

#listoferta li {
    clear:both; overflow:hidden; margin-bottom:10px; padding:10px 13px; 
background-color:#0B0B0B;
}

#listoferta img {
    display:block; float:left; border:1px #F90 solid;
}

#listoferta div {
    margin:0 0 0 120px;
}

#listoferta h3 {
    font-size:0.80em; color:#F90; margin:0;
}

#listoferta li p {
    font-size:0.69em; margin:5px 0;
}

El problema con el que me encuentro es que IE6 monta un margen superior 
al div con lo que no consigo alinear el título a la parte superior de la 
imagen. En Firefox, IE7, etc. funciona correctamente. Me imagino que 
será un bug de internet explorer 6 pero no doy con la solución.

Un saludo y gracias

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