IE y el límite maximo de 31 archivos CSS
Buscando en Internet y leyendo sobre practicas recomendadas para escribir, comprimir y cargar CSS, me encontré con un dato curioso, y es que, Internet Explorer no carga más de 31 archivos de CSS que se declaran mediante @import (@import url("mystyle.css");)
El hecho que IE tengo un bug no es nada nuevo (uno más a la lista), y tener que usar tantos archivos de CSS puede parecer excesivo, pero no lo es tanto si separamos los estilos para no cargar archivos de CSS en secciones que no las necesitamos, cosa que se da mucho si trabajamos en un sitio web grande, con muchas secciones y en el que los usuarios pueden customizar algunas paginas o secciones.
Como lo solucionamos?
Según lo que investigue, lo primero que debemos revisar es si necesitamos tantos archivos, y en caso de que el diseño necesite más de 31 archivos de CSS, podemos agruparlos en dos archivos y no tendríamos problemas para cargar los archivos.
Por ejemplo: si tenemos 40 archivos de CSS, podemos crear dos archivos, group1.css en el que se cargaran los primeros 20 archivos y group2.css en el que se cargaran los otros 20 archivos de CSS.
Así tendríamos un archivo desde el que podremos importar otros archivos de CSS que se encuentren en el mismo directorio.
Código
Dentro de group1.css estaría:
@import url(body.css);
@import url(structure.css);
@import url(header.css);
(+) El problema lo encontré en MSDN Forums y en Agum

Un poco atrasado con el post del libro del mes, este seria el de febrero, pero ha sido un mes de locos, demasiado trabajo, inicio de clases, días post-robo y de cambio de casa, pero bue, seguimos adelante.
Toda historia tiene una moraleja, no se si la de
Como parte de las metas de este año me he propuesto leerme al menos un libro al mes, ya se que es poco, pero entre la U, el matrimonio y el trabajo queda poco tiempo para los hobbies.