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

Question

我在设置具有相对位置样式的表格单元格的边框时遇到问题：fiddle example

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;
       }​