A veces Chrome no es capaz de cargar correctamente las propiedades CSS si éstas incluyen la propiedad float. Hemos indagado mucho pero no hemos encontrado solución "oficial". Nosotros lo hemos resuelto de la siguiente manera:
1 - Hemos creado un nuevo archivo css en el que corregimos esa propiedad a float:none;
2 - Condicionamos la inclusión del nuevo css (siempre detrás del principal) a que la web se esté mostrando en Chrome
<link rel="stylesheet" href="/css/plantstress.css" type="text/css" />
<?php if (eregi("chrome", $_SERVER['HTTP_USER_AGENT'])) { ?>
<link rel="stylesheet" href="/css/plantstressChrome.css" type="text/css" />
<?php } ?>
3 - Incluímos sentencia Javascript, también condicionada a Chrome, que devuelve la propiedad a su estado original left
<?php if (eregi("chrome", $_SERVER['HTTP_USER_AGENT'])) { ?>
<script type="text/javascript">
document.getElementById('zona_columna03').style.float = "left";
</script>
<?php } ?>
Conclusiones: ¿Funciona? Sí ¿elegante? No, si alguien encuentra una mejor solución nos gustaría que la compartiera con nosotros.

