Banalny problem z HTMLem Opcje

[armata007]

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

<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>&nbsp;</td>
      </tr>
    </table></td>
    <td>&nbsp;</td>
  </tr>
</table>

Prosze o pomoc