I noticed that all themes that are based on the default theme's style.css display quite differently in IE (Internet Explorer) vs the Firefox browser.
The big difference is the font size.
In IE, all fonts look very big when the font size in the browser is set to "medium".
In Firefox, however, the same settings in the style.css cause all the fonts to be extremely small, to a point that one has to manually adjust the "default" font size setting in the browser.
What to see what I mean, check this blog out:
Note that, to elminate the need to manually adjust the font size in Firefox, I have increased the default font-size. But this change makes all fonts look pretty big in IE.
This is very troublesome because I have to spend a few hours to play with the style.css file, just to make the font size relatively the same (or at least comfortable enough without needing a surfer to manually adjust the font size) whenever I install a new theme or blog!
Interesting enough, with the following blog when I use the theme called "Impact", the fonts display exactly the same in both IE and Firebox browsers:
So the author of the Impact theme must know the tricks to make this happen. What are these tricks?
I wonder if you guys can incorporate those tricks in the default and classic themes when you release the next version of your script so that a newbie does not have to play with the style.css file ever.
I noticed that the style.css for the Impact theme does not use the "em" to define the size of fonts (or anything eles) at all. It only uses the "px" to define the size. Is this one of the tricks?