question about tables

I have a table at the bottom of my pages. I have a table on the left hand side of the page that spans 200px. I want to have the second table stay in the center of the bottom of the page. I want it to move with the size of the window, but not overlap the side table.

Here is my code that works fine, but it overlaps the side table when the window is shrunken down horizontally.

[code=html]<div id=”Oobj387″ style=”position:absolute;z-index:1;visibility:visible; left:30%; width:600px;top:860px;”>
<table align=”center” width=”600px” cellpadding=”0″ cellspacing=”0″>
<tr>
<td align=”center”>
<hr>
</td>
</tr>
<tr>
<td align=”center”>
<font class=”style5″><a class=”class1″ href=”index.php”>Home</a> &nbsp; &nbsp; &nbsp;|&nbsp; &nbsp; &nbsp; <a class=”class1″ href=”page1001.php”>Our Vision</a> &nbsp; &nbsp; &nbsp;|&nbsp; &nbsp; &nbsp; <a class=”class1″ href=”Page1002.php”>About Us</a> &nbsp; &nbsp; &nbsp;|&nbsp; &nbsp; &nbsp; <a class=”class1″ href=”Page2000.php”>Individual-Family</a> &nbsp; &nbsp; &nbsp;|&nbsp; &nbsp; &nbsp; <a class=”class1″ href=”Page3000.php”>Group</a><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class=”class1″ href=”Page4000.php”>Affiliates</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a class=”class1″ href=”Page5000.php”>Contact Us</a> &nbsp; &nbsp; &nbsp;|&nbsp; &nbsp; &nbsp; <a class=”class1″ href=”page5001.php”>Contact Webmaster</a></font>
</td>
</tr>
<tr>
<td align=”center”>
<font class=”style5″>Copyright &copy;&nbsp;2005 Visionary, Inc.</font>
</td>
</tr>
</table>
</div>[/code]

Also in #HTML _↴