Can anyone tell me why this happens?

The HTML looks like this:

<body>
    <pre><code>some text</code></pre>
</body>

If the CSS is like:

body {
    font-size: 0.875em; /* computes to 14px */
    line-height: 1.5em;
}

pre {
    font-family: Consolas, "Courier New", Courier, monospace;
    white-space: pre;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    margin: 3em 1.5em;
    padding: 0em 1.5em;
}

code {
    font-family: Consolas, "Courier New", Courier, monospace;
}

Everything is fine and it looks the same in IE, FF, Safari and Opera.

However,  when I remove the font-family from the <pre> selector, Firefox 
reduces the font size to a computed value of 11.4px



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to