html - 相对定位的表格单元格的边框。IE显示问题

Question

我在为具有相对位置样式的表格单元格设置边框时遇到问题：小提琴示例

table {
 border-collapse: collapse;
}

td {
    border: 1px solid green;
    position: relative;
}

在 FF 和 Chrome 中看起来不错：

但在 IE 中，我看到双倍的单元格边框：

仅当 td 相对定位时，才会出现这种双边框。

我知道作为解决方法，可以从表格单元格中删除边框并在表格单元格内放置带有边框的附加 div。但也许有另一种方法可以在 IE 中解决这个问题？

编辑： 我设法显示结合单元格和表格边框样式的边框：http: //jsfiddle.net/GaTHZ/4/

Answer 1

这将解决它。在 IE 和 Chrome 中工作。

 table {
        border-collapse: collapse;
        margin-right:30px;
        margin-left:30px;
        border-right: 1px solid green;
        border-bottom: 1px solid green;
       }

    td {
           border-left: 1px solid green;
           border-top: 1px solid green;
           width: 200px;
           height: 35px;
           position: relative;
       }​