Printer-friendly versionSend to friendPDF version

In Drupal each module exports its own stylesheet. Hence the more module you install the more stylesheets are created. Internet explorer cannot handle more than 30 stylesheets at a time. Ref. http://support.microsoft.com/kb/262161. Hence the view of a Drupal site with lots of modules often breaks down while loaded in Internet Explorer. This problem does not happen with Firefox. Another reason out of many to chose Firefox over Internet Explorer.

Now the solution to the problem is to go to Administer > Site Configuration > Performance and enable "Optimize CSS files". It is also a good practice to enable "Optimize JavaScript files". Once enabled Drupal aggregates all the CSS files into one, boosting performance of the site and bypassing IE limitations. There are one server request per CSS files. So lot of CSS files would mean a lot of requests causing the server tremendously busy. But remember, this step is only for production site and absolutely not recommended for development site.

Alternatively there is a module available to tackle this Internet Explorer problem - "IE Unlimited CSS Loader" at http://drupal.org/project/unlimited_css