gl03: <TD> Höhe falsch bei image in Nachbarzelle

Beitrag lesen

Folgendes haarstreubendes Problem tritt am IE 6 Windows auf sowie am Firefox, sobald ich strict xhtml als doctype angebe:

Ich moechte einfach einen Table mit einem Image bauen, sowie einer Tablezelle daneben, die die gleiche Hoehe wie das Bild hat. Leider wird die Tablezelle immer einige Pixel hoeher dargestellt.

Hier mein Quelltext (w3c validiert):

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body style="background-color: #555555">

<table style="height:49px;">
<tr>
<td style="height:49px; width:49px; padding:0px; margin:0px;">
<img src="./test49.gif" alt="img" />
</td>
<td style="height:49px; width:216px; background-color: #CCCCCC; padding:0px; margin:0px;">
</td>
</tr>
</table>

</body>
</html>

Bitte um Hilfe!

gl03./

Hier noch das Beispiel online:

http://xdv.org/gl03/test/test.html