Styling Code or Pre Tag

HTML & CSS
1

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?

2

Just use px then

3

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

4

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?

5

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.