Html IE中的电子邮件布局中断，带有colspan的图像

我有一个基于表格的HTML电子邮件布局，在IE中中断。我设置了3个单元格的宽度，然后在下一行我使用colspan 3并放置一个与3个单元格的宽度相等的图像，这否定了设置的宽度

要比较的完整示例：

电子邮件摘录：

<table width="500" cellpadding="0" cellspacing="0" border="1">

<tr>
    <td colspan="3" style="font-size: 1px; line-height: 1px; background: #838383;" height="10">&nbsp;</td>
</tr>

<tr>
    <td width="10%" style="background: #838383;">&nbsp;</td>
    <td width="84%" style="font-family: sans-serif; font-size: 10px; line-height: 16px; color: #f2f2f2; text-align: right; background: #838383;">
        Trouble viewing this message? 
    </td>
    <td width="6%" style="background: #838383;">&nbsp;</td>
</tr>

<tr>
    <td colspan="3"><!-- This is where it breaks the layout -->
        <img src="http://placedog.com/500/200" alt="" width="500" height="200" style="display:block; border:none;" />
    </td>
</tr>

<tr>
    <td>&nbsp;</td>
    <td>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </td>
    <td>&nbsp;</td>
</tr>

</table>

查看此邮件时出现问题？
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

---

如果我在一个新表中围绕图像换行（关闭第一个表，然后启动一个新表），布局也会得到纠正。我想我想知道为什么它会坏掉，而不是用一种老套的方法来修复它，我已经知道了。

尝试使用内联样式将图像宽度设置为100%，高度设置为200px

<img src="http://placedog.com/500/200" alt="" style="width:100%;height:200px;display:block; border:none;" />

似乎我可以保留宽度和高度属性，只需将宽度：100%添加到样式标记中，谢谢，这就是我要寻找的。我看到图像修复使用了内联样式，但我认为问题的根源在于IE在

td

上存在%width的问题。