Tabelle verschiebt sich total!

Da leider die andere Themen schon geschlossen wurden und ich nicht dort Antworten konnte; musste ich leider ein neues Thema eröffnen.
Ich hab nehmlich ein dickes Problem.
Meine Tabelle verschiebt sich total und selbst die Schrift oben ist nicht mehr in der Mitte; selbst wenn ich das <center></center> eingebe klappt es nicht.
Was muss ich tun das alles wieder in Ordnung ist?

Code:

<table border="1" width="100%">
<tr>
<td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>TIME & WEATHER</strong></div> </td><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>TEAM</strong></div> </td><td align="left"><div style="margin:auto;text-align:center;width:100%"> <strong>NEWS</strong></div></td>
</tr><tr>
<td align="left"><div style="margin:auto;text-align:center;width:100%"><img src="http://i36.tinypic.com/jsmyv6.jpg" border="0" alt="Image and video hosting by TinyPic"></a><br>
<u>Wetter:</u><br>
Bewölkt aber Warm bei 20°<br>
............................................<br>
<u>Datum:</u><br>
<b>15.06.2009</b><br>
Es ist Freitagabend</div>
 </td><td align="left"> <span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">
<img src="http://i37.tinypic.com/112c3u0.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
</div></span>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<font size=1><ul>
<b>Guest Info</b><br>
<center>Herzlich Willkommen hier auf <br>
.:`Themortalcure´:.<br>
Es handelt sich hierbei um ein<br>
Post Moonlight Rollenspiel,<br>
welches im Jahre 2009 spielt.</ul></center>
 </div></strong>
 </td>
</tr>
</table>

<table border="1" width="100%">
<tr>
<td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>RPG-Forum</strong></div> </td><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>LINKS</strong></div> </td><td align="left"><div style="margin:auto;text-align:center;width:100%"> <strong>Plot</strong></div> </td>
</tr><tr>
<td align="left"><div style="margin:auto;text-align:center;width:33%">Toplisten:
<br><a href="http://themortalcure.forumieren.de/links-f24/toplisten-t94.htm#249" class="postlink">*Klick*</a></span><div>
 </td><td align="left"> <span style="font-size: 9px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">
<br><a href="http://themortalcure.forumieren.de/storyline-f2/storyline-t44.htm"postlink">Storyline</a></span>
<br><a href="http://themortalcure.forumieren.de/charaktere-f8/vergebene-avatare-t91.htm">Vergebene Avatare</a></span>
<br><a href="http://themortalcure.forumieren.de/bewerbungen-f7/steckbrief-vorlage-t9.htm"postlink">Bewerbung</a></span>
<br><a href="http://themortalcure.forumieren.de/regeln-f10/rpg-regeln-t86.htm"postlink">Regelwerk</a></span>
</div></span>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<img src="http://i36.tinypic.com/v82yw0.jpg" border="0" alt="Image and video hosting by TinyPic"></a><br>
Folgt
 </div> </strong>
 </td>
</tr>
</table>

Forum:
http://themortalcure.forumieren.de/forum.htm

Du musst dich mal mit HTML und mit Tabellen auseinander setzen.
Das sich dort immer wieder alles verschiebt liegt daran, wie du die Spaltenbreite angibst.
Wenn hier ein Mischmasch aus Prozentangaben und Festen Pixelwerten benutzt wird, dann kann es zu solch unschönen Effekten kommen.
Es muss auch darauf geachtet werden, das alle Spalten gleichmäßig in der Breite angegeben werden müssen.
Eine gute Hilfe kann dir bei solchen Problemen die Seite http://selfhtml.org sein.