<html>
<head>
<title>BUG</title>
<style>
.sized {
  height:100%;
}
</style>
</head>
<body>

The following three examples are 2 nested tables.<BR>
The inner table has a height of 100%, the outer table has a height set
of 200px, on the &lt;table>, &lt;tr> and &lt;td> respectively.<BR><BR>
In all examples the inner table should completely fill the outer table.
(with respect of the padding and border ofcourse)<BR><BR>

<table style="height:200px" border=1>
<tr><td>

<table class="sized" border=1>
<tr><td>outer table has height:200px on &lt;table></td></tr>
</table>

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

<BR>

<table border=1>
<tr style="height:200px"><td>

<table class="sized" border=1>
<tr><td>outer table has height:200px on &lt;tr></td></tr>
</table>

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

<BR>

<table border=1>
<tr><td style="height:200px">

<table class="sized" border=1>
<tr><td>outer table has height:200px on &lt;td></td></tr>
</table>

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

<BR>

<table border=1>
<tr><td>

<table style="height:50%" border=1>
<tr><td>outer table has no height set, inner table has a height of 50%.<BR>
Here the height should be set to auto, because the height of the outer td depends
on the content.</td></tr>
</table>

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


</body>
</html>
