cross browser

As a web designer, I'm often asked to center content on a web page, vertically as well as horizontally. This is often referred to as 'the letterbox effect'. Back in the day, when we all used tables to mark up our pages, this was a pretty simple task.

Many of the Drupal sites I develop are based on the excellent Zen theme which comes ready made with a special CSS file to fix many of Internet Explorer's well known bugs. However, one such bug affecting IE4 to IE6, can't be fixed with special css rules: all style tags after the first 30 style tags on an HTML page are not applied in Internet Explorer. When your Drupal site uses a lot of extra modules, the number of stylesheets can quickly build up to over this limit.