CSS: <h2> is longer in IE7 than in FF

Question

The string "Fernando Salgado Alonso" is much longer in IE7 than in FF.

Why? What can I do to fix it?

Answer 1

That happens because different browsers have slightly different default css for displaying unstyled content.

You need to use a css reset and apply your own rules on top of that. That way you will be sure that it displays the same on all browsers.

Some well know resets are:

• http://meyerweb.com/eric/tools/css/reset/
• http://code.google.com/p/blueprintcss/
• http://developer.yahoo.com/yui/reset/
• http://developer.yahoo.com/yui/3/cssreset/

Also have a look at: http://stackoverflow.com/questions/116754/best-css-reset