css - IE边框折叠呈现额外的灰线

我正在尝试在Internet Explorer上绘制一个表格，但是只要它在边框渲染时附加了额外的灰色像素线。

以下是一些示例代码，尝试在IE9与Chrome或Firefox上进行渲染：https://codepen.io/anon/pen/tfzus

（为那些不想加载它的人附上的截图）：

请注意IE渲染中的细灰色边框，这在chrome中是不存在的。我尝试过其他来源的解决方案，例如不使用＆＃39; border-collapse＆＃39;样式，而是定义自定义边框

table tr:first-child td {
  border-top : 1px solid black;
}

像这样，但无济于事。有没有人知道一些可能解决问题的css魔法，或者这只是一个不会消失的IE漏洞？

谢谢！