Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen.
Supongamos que tenemos esta regla CSS:
div.capa p.parrafo {float:left; margin-left:10px;}Internet Explorer 6 sacará un margen de 20px.
Se puede solucionar con un hack CSS, que valida pero es un poco chapuza:
div.capa p.parrafo {float:left; margin-left:10px;}
* html div.capa p.parrafo {margin-left:5px;}O como dicen en Position is Everything añadir un display:inline; a la regla CSS:
div.capa p.parrafo {display:inline; float:left; margin-left:10px;}De esta forma el elemento sigue siendo bloque, ya que tiene el float, y sale con el margen definido en Internet Explorer.