The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

IE6 vs Firefox font-size keyword inconsistencies

Hi everyone. I read in "Bulletproof Web Design" to set "font-size: small" on the "body" element and then use percentages to set font sizes on everything else. However, Internet Explorer 6 displays fonts one size larger in IE6 compared with Firefox.

Any ideas what is causing the problem? I've heard that IE6 will render fonts one size too large in "quirks" mode, but as far as I can tell the example above has a complete DOCTYPE. BTW, I have the font size in IE6 set to medium, which I assume is default (View->Text Size->Medium).

Thanks in advance

EDIT: IE6 is rendering other pages - pages on other websites - with the font size too large as well. Has anyone had this problem before?

Thanks for the reply. I should be using that code for backwards compatibility.

But my problem is with IE6. Even with that extra snippet of code, IE6 (not IE5) renders fonts one size too large. At this point I'm thinking there may be something mis-configured with my copy of IE6. If that's the case, I'm at a loss as to what.

My Dell laptop's screen was set to 128dpi (factory default). IE overcompensates by making text larger than it should. You can change a registry setting to make IE behave as if the screen were at 96dpi and the large font size issue disappears.