Okay, I have one for you javascript Gurus here.

In Mozilla and Opera, the font's display one size lower than Internet Explorer. For instance, small in Mozilla is equivalent to IE's x-small font size.

What I want to do is set my base font in IE to x-small and the base font size in everything else to small. Then I can use percentages to manage everything else so everyone can scale fonts to their needs. This should allow for roughly the same font size across browsers and operating systems.

So in my CSS, I have added:

BODY {
font-size: small;
}

Now my question is, how can I change that to x-small based on the user utilizing IE 5+. I personally don't care about 4.X browsers at this time so backwards compatibility is not much of an issue.