CSS边框不能完全工作

我有一个带有框（用于表格）的网站，它使CSS具有边框。在Chrome中，输出是我想要的。但在IE浏览器中，它完全被破坏（链接的图像在表型上）。在Firefox上，我遇到了同样的问题。这里是我的CSS：CSS边框不能完全工作

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

所以我的情况下有这个ID和表行和表数据的一个表。

我想要的结果是这样的：Result on Chrome

我得到在Firefox：Result on Firefox

如果有人知道为什么会这样，plz帮助。在此先感谢！

2013-12-11 PhilDirx

你能分享这个html吗？ – agconti

更好，把它放到我们的小提琴。（jsfiddle.net，codepen.io） – mpen

你有一个css重置在您的网站？类似'* {margin：0; padding：0}'来重置浏览器默认值 – Nick

你使用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; 
}

希望能解决您的问题。

2013-12-12 01:11:28 Bobby

您提出的CSS悲伤并没有改变我的问题。我其实不知道这个盒子的大小，但我会查找它！至于normalize.css，我认为这是太多的工作，改变一切...... 感谢您的回应！ – PhilDirx

回答