Como hacer compatible el float left con IE6

[Mikmoro]

Creo que no has leído la guía con mucho detenimiento. Una de las cosas básicas que pongo es: un elemento de bloque (<div class="boxes"></div>) por defecto medirá el 100% del ancho de la ventana.

En tu caso, con el código que has puesto, sólo con que delimites el tamaño de esas cajas que contienen las tablas conseguirás lo que buscas tanto en IE6 como en FF:

.boxes{margin:0px 0px 1px 0px; float:left;width: 200px;}

Esto ocurre porque los divs tienen tablas dentro.

Déjate de medias tintas, y si quieres decidirte a abandonar las tablas para diseñar, hazlo desde cero y por completo, no mezcles tablas (y todos sus problemas), con divs y todo tu temor hacia ellos, porque así sólo conseguirás malos resultados, seguir asustado y acabar siempre volviendo a las tablas. Es como dejar de fumar: decídete a pasar una temporada un poco mala, pero una vez superado, todo parecerá más claro y sencillo eso sí, apostando 100% o nada.