Styling Code or Pre Tag

I am trying to style the pre or code tag for a template i’m creating and in IE6, the pre tag is almost doubled in size.

I have a basic style setup here:

body { font-size: 62.5%; }

pre { font-size: 1.4em; }

I’ve tried setting the pre to a defined px or setting the font-size to small and that works fine, why not em?

Just use px then

I think you’re missing the point, i want to use em to be fluid with browser sizings, for usability purposes.

Do you have an example as it looks the same size in Firefox and and all IE to me assuming they have the same font size and family defined?

I’m not missing the point. Back in the day I remember some browser didn’t like em in my pres. That’s why I just used px. If there was a fix for it (aside from the obvious) I prob would have found it - I didn’t.