So, I've been using Firefox for a few years now, and I upgraded to the custom CSS on WordPress.com last year and configured the custom CSS on my blog. Just recently I opened up my blog for the first time using Internet Explorer and for some reason the fonts are all out of whack, sometimes being abnormally large in the body text, and other times being abnormally small in other areas such as in the widgets. For some reason this seem to be particularly problematic on the main page of the blog, although when you click on an individual post then the CSS kicks in and everything appears normal.
I spent the past couple of hours messing with the CSS and trying different fonts and changing various settings, but for some reason I can't seem to figure out how to fix this problem. Is this just a fundamental issue between FF and IE that cannot be resolved, or is there something that I should be doing in order to allow IE to display the text properly? Any help would be greatly appreciated. Here is the link to my blog: http://horoscopicastrologyblog.com