CSS in verschalten Tabellen (vielleicht nur ein Denkfehler)

[Mogo]

Hallo zusammen.

Ich hab mal eine Frage zu CSS. Ich habe zwei versachtelte Tabellen, deren <td> Tag jeweils einen Style zugeordnet bekommen. (siehe Ausschnitt "ueberuns.html": style="row1" und style="row2"). Nun nimmt der zweite <td> Tag den Style gar nicht an. Kann sich einer erklären warum das nicht geht?

Ich danke euch schon mal im Voraus.

Mogo

Anhang:

Ausschnitt aus ueberuns.html
-----
<table width="100%" border="0" cellspacing="1" cellpadding="2" class="forumline">
  <tr>
    <td class="row1"> <br>
      <table width="95%" cellspacing="2" cellpadding="2" align="center" class="forumline">
        <tr>
          <th>&Uuml;ber die Lost Souls</th>
        </tr>
        <tr>
          <td class="row2">Die Lost Souls ....
-----

Ausschnitt aus souls.css:
-----
.forumline {
  BORDER-RIGHT: #5b0b0b 2px solid; BORDER-TOP: #5b0b0b 2px solid; BORDER-LEFT: #5b0b0b 2px solid; BORDER-BOTTOM: #5b0b0b 2px solid; BACKGROUND-COLOR: #000000
}
TD.row1 {
  BACKGROUND-IMAGE: url(images/gen_background.jpg); BACKGROUND-COLOR: #ba9f70
}
TD.row2 {
  BACKGROUND-IMAGE: url(images/gen_background2.jpg); BACKGROUND-COLOR: #ab8c5b
}
-----

URI zur Seite: http://thelostsouls.todc.de/ueberuns.html