Equalizing Firefox and Internet Explorer

This is a work in progress - please comment if you can add to this list

Note the list of links at the bottom: Useful Resources

The goal of this post is to create a base CSS file to start with that equalizes the differences between Firefox and Internet Explorer.

For the time being I am comparing results between FF2.0 and IE6.0 - If anything here causes issue in other browsers, leave a detailed comment.


h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:14px;}

the line height also needs to be adjusted as FF is incremental where as IE has a fixed seperator for all of the header tags


Useful Resources

• http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml