Doctype 4.01 und Tabelle

[homerjay76]

Hallo zusammen, ich habe folgendes Problem:

Ich habe eine Tabelle, erste Spalte ist die Nav-Leiste
zweite Spalte leer und dritte mit Text.

Im IE wird es korrekt angezeigt, im Firefox und Opera
sind die Zeilenabstände unterschiedlich verschoben, optisch
grausam um ehrlich zu sein.

Ändere ich den Doctype von 4.01 auf 4.0 passt alles
in allen verschiedenen Browsern.

Wie ist das möglich ? Was mache ich falsch ?(Außer eine Tabelle als Layout herzunehmen)

Vielen Dank im voraus
Homerjay76

Hier mal ein Ausschnitt der Tabelle:

<table border="0">
<colgroup>
<col width="97"  >
<col width="150" >
<col width="600" >
</colgroup>

<tr valign="top" align="left">

<td>&#160;</td>
<td>&#160;</td>
<td><p style="line-height:1.9em; font-size:1.6em;"><b>&Uuml;ber mich:</b></p></td></tr>

<tr>
<td><A HREF="index.html"><IMG id="Navi1" HEIGHT=31 WIDTH=97 SRC="buttonsundbanner/Home_AltMetalButtonOn.gif"  BORDER=0  ALT=" Home " ></A></td>
<td>&#160;</td>
<td><p style="line-height:1.4em; font-size:1.2em;"><b>Basteln ist mein leidenschaftliches Hobby.</b></p></td></tr>

<tr>
<td><A HREF="bilder.html"><IMG id="Navi2" HEIGHT=31 WIDTH=97 SRC="buttonsundbanner/bilder_AltMetalButton.gif"  BORDER=0  ALT=" bilder " ></A></td>
<td>&#160;</td>
<td><p style="line-height:1.4em; font-size:1.2em;"><b>Unter Bilder k&ouml;nnt ihr die Modelle sehen,</b></p></td></tr>

<tr>
<td><A HREF="kontakt.html"><IMG id="Navi3" HEIGHT=31 WIDTH=97 SRC="buttonsundbanner/kontakt_AltMetalButton.gif"  BORDER=0  ALT=" Kontakt " ></A></td>
<td>&#160;</td>
<td><p style="line-height:1.4em; font-size:1.2em;"><b>die ich in meine Kellerwerkstatt hergestellt habe.</b></p></td></tr>

<tr>
<td><A HREF="downloads.html"><IMG id="Navi4" HEIGHT=31 WIDTH=97 SRC="buttonsundbanner/downloads_AltMetalButton.gif"  BORDER=0  ALT=" Downloads " ></A></td>
<td>&#160;</td>
<td><p style="line-height:1.4em; font-size:1.2em;"><b>Mit der Zeit sammeln sich einige Maschinen an,</b></p></td></tr>