Html 在Internet Explorer中填充背景图像

我有一个XHTML 1.0过渡网页，其中包含以下主表：

<table>
<tr>
<!-- header -->
</tr>
<tr>
<td class="left"><!-- menu --></td>
<td class="content"><!-- content and header iamge --></td>
<td class="right"><!-- other stuff --></td>
</tr>
<tr>
<!-- footer -->
</tr>
</table>

计划的行为如下：

在Firefox 31中，页面按预期显示：

在Internet Explorer 11中，背景图像和单元格边框之间有一个空格：

如何删除此空间？我已经试过了，但没用

---

该网页的URL位于此处：

您应该将其添加到表标记中

<table border="0" cellpadding="0" cellspacing="0">...</table>

问题是

您有一个大小（宽度）为100px的盒子 在填充中添加10px（左和右）

您应该预计该框仍然是100px，但在某些浏览器上并非如此

总共20px将添加到您原来的100px，因此您的盒子将是120px，如果您添加边框，也会发生这种情况

---

解决此问题的方法是将前面提到的css应用于受影响的对象，这将解决长方体模型问题。

谢谢。我试过了，但它没有影响这个空间。发布一个JSFIDLE，这样我就能更好地帮助您感谢您的提示。我将它们构建到我的CSS中。它可能有助于与更多浏览器兼容。当我发现原因不是填充物，而是图片太小时，我感到有点尴尬。在Internet Explorer中，菜单稍小（可能是因为字体较小），因此标题图像不够宽。巧合的是，缺少的大小看起来几乎像我使用的填充，所以我认为这是一个填充问题。我应该将您的答案标记为解决方案还是将此问题标记为无效？我不知道，但您不需要为#content元素指定100%的宽度值，没有必要，他不是唯一的TD，如果你想让这些内容在表中有任何可用的空间，只需不指定with即可

<table border="0" cellpadding="0" cellspacing="0">...</table>

#content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;

    /* Put the rest of your css here for this class */
}