CSS Font is huge in IE, small in Firefox! Why?!?

For some reason – the font in the main post area on my blog’s homepage looks great in firefox (my browser default is 18) but huge in IE 7.0 (default font size is ‘medium’.

The wierd thing is that my sidebar font size looks fine in BOTH – it renders in IE exactly as it does in Firefox. Which makes me think that there is something wierd going on in my CSS for the tags that are affecting the main post area.

Could it be the Body tags? (what’s with the fontsize 62.5%?)

body {
font-size: 62.5%;/* Resets 1em to 10px */
font-family: Verdana, Arial, Sans-Serif;
background-color: #adabab;
color: #000;
text-align: center;
margin: 0;
padding: 0;

or maybe the problem is the # content

#content {
font: 1.2em Verdana, Arial, Sans-Serif;
}

Here’s the address of my site site: https://www.billiardsblogger.com

Thanks in advance for any help you can provide!
Cheers