[thelist] DIV sizing + overflow

[Mark Joslyn]

I have the following code:
<table cellspacing="0" cellpadding="5" border="0" class="mystyle"
style="width: 100%; height: 100%;">
	<tr>
	<td align="left" valign="top" style="width: 20%;">Reports</td>
	<td align="left" valign="top" style="width: 80%;">
		<div id="results" style="float: left; width: 100%; height:
100%; overflow: scroll;">
			<table cellspacing="0" cellpadding="5" border="0"
width="100%">
			blah blah blah
			</table>
		</div>
	</td>
	</tr>
</table>

I had to float the DIV because the browser was allocating space to the
entire table (it was going off the screen to the right) inside the DIV, even
with the overflow setting. Is there a better way to handle this?

When I open this in the browser, the <TD> widths are not being set
correctly, but then I hit refresh on the browser and everything falls into
place. Is there something about the overflow value of the div that is
causing this initial page load to be wrong?

Any insights would be greatly appreciated.

Thanks,

markJ