HTML <td></td>タグ セル内余白を無くす方法

質問

次の様なプログラムで画像(a.gif 30x30ピクセル)を表示させると、画像とセル枠線との上下の間に余白ができる。この余白を無くす方法？

<table border="1">
<tr><td rowspan="2"><img src="a.gif"></td><td><br></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td rowspan="2"><img src="a.gif"></td></tr>
<tr><td><br></td><td>
</table>
テーブル内を２列にして、画像を縦方向に画像高さの半分だけズラして表示したい。
セル結合をしないで、ごく普通に２行２列にすると画像とセル枠との間には余白が生じない。
セル結合した場合に生ずる余白を無くす方法を教えて下さい。エディタは「メモ帖」、ＯＳはWinXP、ブラウザはInternet Explorer６です。

回答No.2

noname#6479 · ベストアンサー

表を入れ子にしたらどうでしょうか↓

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td>　</td>
</tr>
</table>
</td>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>　</td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
<tr>
<td><img src="a.gif"></td>
</tr>
</table>
</td>
</tr>
</table>

お礼

borotさん　ご教授ありがとう御座いました。回答文通りの入れ子にしたら、余白が消え解決しました。

回答No.1

nemu-neko

こんにちは。

　</table>の１つ前。（前の行のラストです）
　<td>になっていますが、ここを</tr>にしてみたらどうなりますか？

　関係ないというのでしたら、ソースの改行位置はここに載せられたものと変わりませんか？　改行を入れると細い空白が入ることがあります。

お礼

nemu-nekoさん　早々のご教授ありがとう御座いました。ご指摘の通り<td>は</tr>の誤記でしたが、実行結果は同じで解決しませんでした。
助言の改行位置について、試してみましたが、解決しませんでした。