Problem mit CSS und Tabellen

[hewlett]

Hi Leute,

ich hab folgendes Problem:
Um meine Webseite immer zentriert auszugeben habe ich eine große Tabelle (breite und höhe 100%) angelegt und darin dann nochmal eine Tabelle wo ich meine Elemente plazieren will. Folgender HTML Code:

<table border width="100%" heigth="100%">
<table border width=700 valign="middle" align="center">

<div id="box1">
<table border="1" style="border-collapse: collapse" bordercolor="#000000">
	<tr>
		<td width=120>test</td>
	</tr>
	<tr>
		<td>
		link

		link1
		</td>
	</tr>
</table>
</div>

</table>
</table>

oben in der html datei hab ich natürlich auch noch folgenden code:

<!--
body { }
#box1 { position:relative; top:0px; left:0px;}
-->

Jetzt positioniert er mir aber die tabelle (box1) nicht in der 700px breiten Tabelle wo ich sie hinhaben will, sondern ganz aussen, eben auf Koordinaten 0,0.

Kann mir vielleicht jemand helfen?