Consideraciones Crossbrowsin'

Los navegadores no son coherentes en la forma de redondear los tamaños de div en diseños basados en porcentajes. Si el navegador debe mostrar un número como 144,5 px o 564,5 px, tiene que redondearlo al número entero más próximo. Safari y Opera redondean a la baja, Internet Explorer redondea al alza y Firefox redondea una columna hacia arriba y una hacia abajo, llenando el contenedor por completo. Estos problemas de redondeo pueden provocar incoherencias en algunos diseños. En este IECC, hay un margen negativo de 1 px para resolver el problema en IE. Puede moverlo a cualquiera de las columnas (tanto a la izquierda como a la derecha) en función de las necesidades de su diseño.