Banalny problem z tabelką w HTML'u

[armata]

Moj problem wyglada nastepujaco

http://www.webpp.aplus.pl/webpp/problem.htm

Wchodząc na powyżsy link zobaczycie dwie tabelki czerwoną i niebieską. Chcę aby tabelka czerwona była wysoka na 100% tabelki niebieskiej. Uzylem height=100% w tabelce czerwonej lecz to nie działa. Wiem że to pewnie banalny problem lecz jakoś nie mam pomysłu jak sobie z tym poradzić .
Kod tabelki :

Kod: Zaznacz cały

<table width="100%" height="196"  border="1" cellpadding="0" cellspacing="0" bordercolor="#0000FF">
  <tr>
    <td><table width="100%" height="100%"  border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000">
      <tr>
        <td> </td>
      </tr>
    </table></td>
    <td> </td>
  </tr>
</table>

Prosze o pomoc

[Siwy_PO]

Nie wiem po co tak kombinujesz, przecież to samo uzyskasz używając choćby taki kod

<table width="700" height="200" bordercolor="blue" border="1">
<tr>
<td bordercolor="red"> pierwsza tabela</td>
<td bordercolor="green">druga</td>
</tr>
</table>

A tak wogóle jak skopiowałem ten twój kod to było tak jak ty właśnie chcesz że czerwona tabelka była na 100%