Probleme mit height="100%" und rowspan="2" in Kombination

[DaMe]

Hi Leute!
Ich habe ein Problem bei folgenden Codezeilen:

<table cellspacing="0" cellpadding="0" height="100" width="100%" border="1">
<tr bgcolor="#FFFF00" height="80">
  <td colspan="3" valign="center" width="240" align="center">menu_oben</td>
  <td valign="top">oben</td>
</tr>
<tr bgcolor="#0000FF" height="300">
  <td width="32">l</td>
  <td class="menu" width="188" valign="top">menu</td>
  <td width="20">r</td>
  <td style="padding-left:10px; padding-top:10px;" class="inhalt" rowspan="2" valign="top">
   Inhalt
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   Inhalt ende
  </td>
</tr>
<tr bgcolor="#FF0000">
  <td align="middle" colspan="3">menu_unten</td>
</tr>
</table>

Nun zum Problem: Das Menu (die zellen: 'l', 'menu' und 'r') soll immer 300px groß sein. Die Zelle mit 'inhalt' dagegen ist variabel groß (mal unter 300px, mal über).
Die Tabelle insgsamt soll eine height von 100% haben.
Nun streckt sich die 'menu'-Zelle allerdings über 300px, sobald ich die 'inhalt'-Zelle über 300px hoch werden lasse.
Ich vermute, das liegt an der Tatsache, das die 'menu'-Zelle und die 'inhalt'-Zelle in einer Zeile liegen (die mit den blauen Hintergrund).
Weiß jemand da einen Rat?
Vielleicht mit mehreren einzelnen Tabellen?
(Ungerne auch mit divs)

Würde mich über ne schnelle Antwort freuen!

DaMe