Positionnement en CSS

Bonjour =)
Voila mon probléme: Je créer un site en html et j'utilise une feuille de style CSS.
Pour positionner un titre,un menu(encadrés dans des tableaux) je rame^^
Je place le texte h1 au milieu,jusque la tout va bien mais dés que je veut placer h2 et h3 ,le menu reste au milieu mais h2 et h3 se mette à l'éxtréme droite au alors que le code indique a gauche @_@
Est ce une erreur de ma part? (je pense ^^)
Donc en simple je voudrais que h1 soit au milieu en haut,h2 au milieu a gauche,et h3 en dessous de h1.

J'utilise ce code:
h1 {
position:absolute;
top: 150px;
left: 600px;
}

Est ce le bon?
Sinon voici ma feuille CSS:

h1 {
position:absolute;
top: 150px;
left: 600px;
}

h2 {
position:absolute;
top: 200px;
left: 50px;
}



h3 {
position:absolute;
top: 150px;
left: 150px;
}

Et voici la zone concerné de ma page html:


<h1>
<TABLE><TABLE border=2 style="border-color:#000000;border-width:2;border-style:dotted">
<TR>
<TD>
<FONT SIZE=15>News</FONT>
</TD>
</TR>
</TABLE>
<h1>



<BR>
<BR>
<BR>


<h2>
<TABLE><TABLE border=2 style="border-color:#000000;border-width:2;border-style:dotted">
<TR>
<TD>
<FONT SIZE=4>Applications: </FONT>
<BR><A HREF="site test 2.html">Questionaires</A>
<BR><A HREF="site test 3.html">Jeux</A>
<BR><A HREF="site test 4.html">Test</A>
<BR><A HREF="site test 5.html">Citations</A>
<BR><FONT SIZE=4>Pages Fans: </FONT>
<BR><A HREF="site test 6.html">Politique</A>
<BR><A HREF="site test 7.html">Plaisir</A>
<BR><A HREF="site test 8.html">Religions</A>
<BR><FONT SIZE=4>Groupes: </FONT>
<BR><A HREF="site test 9.html">Politique</A>
<BR><FONT SIZE=4>Partenaires:</FONT>
</TD>
</TR>
</TABLE>
<h2>


<h3>
<TABLE border=2 style="border-color:#000000;border-width:2;border-style:dotted">
<TR>
<TD>
<pre>Texte acceuil<br>


<BR>
Nouvelles pages fan
<BR>
Nouveau groupes
<BR>
Nouvelles aplications
<BR>
Les coups de coeurs
<BR>
Les nouveautés Facebook</pre>
</TD>
</TR>
</TABLE>
</DIV>
</div>
<h3>

J'espere que vous pourrez m'aider merci d'avance =)