CSS边框不完全正常工作

Question

我有一个带有框（用于表格形式）的网站，它使CSS具有边框。 在Chrome中，输出就是我想要的。 但在IE中，它完全毁了（在tinypic上链接图像）。 在Firefox上我遇到了同样的问题。 这是我的CSS：

table#homeblockscontainer td
{
    border: 6px solid #EEEEEE;
    margin: 0;
    padding: 0;
}

所以我有一个表，其中包含此ID和表行以及表数据。

我想要的结果是：Result on Chrome

我在firefox中获得了什么：Result on Firefox

如果有人知道为什么会这样，请帮助。 提前谢谢！

Answer 1

你使用normalize.css吗？如果你不这样，CSS样式可能会帮助你

table {
    border-collapse: collapse;
    border-spacing: 0;
}

既然您正在开发类似布局的网格，我不知道您现在是否已经拥有它，但添加box-sizing将减轻您的生活。

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

希望这可以解决您的问题。