<pre><code> macht probleme

[Meike]

Hallo,
ich versuche Code nach diesem Schema darzustellen:

<pre class="code">
<code>
usw....

Als css dient:

*{
line-height : 160%;
font-family : arial, "sans serif", helvetica, verdana;
font-size : 10px;
}
body, td {
font-size : 12px;
}
.code {
padding-left : 30px;
padding-top : 20px;
font-size : 21px;
font-family :"courier new", verdana, fixedsys, system;
line-height : 200%;
}

-------------

Nach Validator vollkommen OK.

Aber die Code-Darstellung bezieht sich immer auf
den globalen CSS Eintrag "*{...}", während ".code{...}"
ignoriert wird. Ausgenommen die Angabe existiert nicht
im globalen, dann reagiert das Aussehen auf ".code".

In diesem Beispiel will ich Textgrösse = 21px haben
und Font = "courier new", stattdessen erhalte ich
10px arial.

Woran liegt das, und vor allem wie kann ich das ändern?
Denn diese Reaktion passiert nur bei <code> bei allem anderen
funktioniert alles wie gewünscht.

Gruss Meike