Cuantas veces hemos creado un portal a 3 columnas, hemos calculado las separaciones, las hemos maquetado, lo hemos comprobado en todos los exploradores y cuando llega el turno de IE6… resulta  que una de las columnas nos la tira abajo del todo y nuestro diseño, simplemente se ve desastroso, y esque si IE6 no nos diera problemas, dejaría de ser IE6.

Esto es debido a que, en los elementos que tengamos con el elemento float y un margin entre columnas, IE6, nos muestra el “doble” del margi, haciendo que las columnas ocupen más espacio que el contenedor. ¿Por qué hace esto IE6?, pues porque sí, no intentemos comprenderlo, sino como “arreglarlo”

Os recomiendo visitar este tutorial publicado en Webizzima, donde explica como arreglarlo, nada tan simple como poner “display:inline”.