HTML: Variable Zellenhöhe?

[pirate man]

hallo

schaut mal auf http://nfs6.gameszone.de/it-workers/index.php
ich will dem großen kasten (nur dem teil unter der zeile, in der "home" steht) eine variable höhe geben, damit er sich an die auflösung anpassen kann - aber irgendwie schaff ich es nicht
zurzeit is die höhe fix
hier der code für den bereich unter der navigationsleiste:

<table border="0" cellpadding="0" cellspacing="15" width="100%" height="100%">
  <tr>
    <td width="80%" height="100%" valign="top" rowspan="2">

<table border="1" bordercolor="336699" cellpadding="0" cellspacing="0" width="100%" height="100%">
  <tr>
    <td style="background-color:#336699; height:18px"><font class="titel">Home</font></td>
  </tr>
  <tr>
    <td style="background-color:#EEF3F9; height:100%"></td>
  </tr>
</table>

	</td>
	<td width="20%" height="50%" valign="top">

<table border="1" bordercolor="336699" cellpadding="0" cellspacing="0" width="100%" height="100%">
  <tr>
    <td style="background-color:#336699; height:18px"><font class="titel">Login</font></td>
  </tr>
  <tr>
    <td style="background-color:#EEF3F9; height:195px"></td>
  </tr>
</table>

    </td>
  </tr>
  <tr>
    <td width="20%" height="50%" valign="top">

<table border="1" bordercolor="336699" cellpadding="0" cellspacing="0" width="100%" height="100%">
  <tr>
    <td style="background-color:#336699; height:18px"><font class="titel">Helpdesk</font></td>
  </tr>
  <tr>
    <td style="background-color:#EEF3F9; height:195px"></td>
  </tr>
</table>

	</td>
  </tr>
</table>