Tabellen th und td

[Souli]

Tachchen,

habe eine Frage zu CSS und Tabellen.

Hier ein kurzer Ausschnitt der CSS-Datei, die geladen wird:
#feld_06 {
 width: 215px;
 height: 234px;
 top: 165px;
 left: 20px;
}

.table {
 border-collapse: collapse;
 caption-side:left;
 table-layout: fixed;
 border-width: 0px;
 font-family: Arial;
 font-size: 10pt;
 vertical-align : middle;
 width : 210px;
}

.th {
 background-color : #00CCFF;
 border-width: 0px;
 font-family: Arial;
 font-size: 12pt;
 vertical-align : middle;
}

.td {
 background-color : #14ADD3;
 border-width: 0px;
 font-family: Arial;
 font-size: 10pt;
 vertical-align : middle;
}

sieht vielleicht noch n bissel wild aus, aber ich übe ja auch noch. *g*

So, hier nun mal ein kurzer Abschnitt des HTML-Codes:
<div id='feld_06' class='feld'>
 <span class="table; th; td">
  <table>
   <tr>
    <th>Text</th>
   </tr>
   <tr>
    <td>Text</td>
   </tr>
  </table>
 </span>
</div>

Dieses Konstrukt habe ich mir mal zusammengebastelt.

Nun aber meine Frage:
Wieso wird das th-tag in der GLEICHEN Farbe wie das td-tag angezeigt ?

th ist doch mit background-color #00CCFF
und td mit #14ADD3 definiert.

Die Farbe, die ich im td-tag festgelegt habe, wird auch für
das th-tag genommen...wieso ?

Muß ich den Aufruf an einer andere Stelle platzieren ?

Thx
Souli