Table problems with Opera

Hello,

I have the code below which works fine with Firefox an IExplorer but not with Opera. What I want is to make a gray background for menu area near the content area which is white. I don't want to hardcode the height value because the content always can change.

Any idea?

Thanks!

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>

<!-- MENU AREA BEGIN -->
<td width="200" valign="top" height="100%">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" bgcolor="#CCCCCC" valign="top">
<table align="left">
<tr><td><href="home.htm">Home</a></td></tr>
<tr><td><href="home.htm">Home</a></td></tr>
<tr><td><href="home.htm">Home</a></td></tr>
</table>
</td>
<td bgcolor="#FFFFFF" width="50">&nbsp;</td>
</tr>

<tr>
<td width="150" height="100%" bgcolor="#CCCCCC">&nbsp;</td>
<td width="50" bgcolor="#FFFFFF">&nbsp;</td>
</tr>

</table>
</td>
<!-- MENU AREA END -->

<!-- CONTENT AREA BEGIN -->
<td class="r" bgcolor="#FFFFFF">sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas
<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>
sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>sas<br>
</td>
<!-- CONTENT AREA END -->


<td width="11" background="images/border1.gif">&nbsp;</td>


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

It appears to work fine in Opera 8