html - IE で画像の幅が適切でない

Question

私のhtmlでは、赤い線を表示するテーブル。Firefox では、行を正しく取得しています。しかしIEでは、行の高さが増加しています。下の画像に表示されています。

<table width="100%" align="center" border="0" cellSpacing="0" cellPadding="0" summary="">
<tr>
<TD style="BACKGROUND-COLOR: red"><IMG alt="" src="myImage.gif" width=1 height=1>
</TD>
</tr>
</table>

Firefox の場合:

IE の場合:

なぜこれが起こっているのか、どうすれば修正できますか。

Answer 1

これを試して

<table width="100%" align="center" border="0" cellSpacing="0" cellPadding="0" summary="">
    <tr>
        <td  style="height:1px; line-height:1px; background-color: red">
            <img alt="" src="myImage.gif" width="1px" height="1px" />
        </td>
    </tr>
</table>