Compatibilidad con CCS en Mozilla Firefox Google Crome

Buenos dias amigos de Cristal Lab, tengo un inconveniente con mi pagina web con el manejo CCS de mi pagina web el cual es el siguiente:

Deseo utilizar una franja horizontal que tenga tres formatos para presentar las noticias el uno es utilizar un div al 100%, el segundo es utilizar dos divs el uno al 60% y el otro al 40% (dos noticias) y el ultimo es utilizar tres divs de 33% (tres noticias).

En el css defino de la siguiente manera:

.a100 {width:100%}
.a60 {width:60%}
.a40 {width:40%}
.a33 {width:33%}

.a100, .a60, .a40, .a33 {
float:left;display:inline;
}

y en el codigo HTML;

<span sec="1" zon="1" elem="373180" id="''><div class="article a100"><div class="borde">
<div class="imgU" ><a href="'"><img src="''" alt="'" border="0" width="544" height="150" /></a></div>
<h2 class=""><a href="'" class="clicks_titular" >Titular</a></h2>
</div></div>
</span>
<div style="clear:both;"></div>';

Este es la definicion para el div del 100%, para el de 60, 40 y 33 solo cambio la clase de a100 por a60, a40, a33 respectivamente.

El problema que tengo es que en Internet Explorer aparece correctamente todos los divs ordenados de forma horizontal, pero en FireFox y Google Crome los divs aparecen en forma vertical sin el formato del CSS.

Puden ver este problema en mi pagina web que es la siguiente: http://www.pontecool.com

Espero sus sugerencias o ayuda para poder solucionar este problema de antemano.

Gracias

Bien, el problema parece ser muy simple de resolver. En cada CSS dinámico que cargas usando JavaScript tienes la cláusula @import al final del .css, eso está mal, @import debe ser lo primero que aparezca en el .css, sino todos los navegadores excepto IE lo ignorarán. Y como la regla que quieres aplicar está enlazada con @import pues eso, que tanto FF, como Chrome y Opera no están contemplando @import.