Just to clarify, the margin style definitions go into the outer <div>
tag, The outer <div> container is what gets centered relative to the
page. The inner <div> containers just go along for the ride.

<div style="width:970px; vertical-align:top; margin-left: auto;
margin-right: auto">

<div style="width:485px; float:left;">
<table width="100%"><tr><td>Table 1</td></tr></table>
<table width="100%"><tr><td>Table 2</td></tr></table>
</div>

<div style="width:485px; float:right;">
<table width="100%"><tr><td>Table 3</td></tr></table>
</div>
<br style="clear:both;" />

</div>

>
> This seemed to work:
>
> http://www.thescripts.com/forum/thread100046.html
>
> Basically you need to put "margin-left: auto; margin-right: auto;" to
> the first div style.
>
> Jerome Gobuyan
>