Safari / Retina中奇怪的表格边界行为

Question

我正在尝试做一些不寻常的事情，但是我想Safari比我更奇怪。

我想使表的第一列固定。因此，overs列将水平滚动。

我绝对排在<td>的首位，并且多余的内容以左边距显示。当我尝试向单元格添加边框时，除了Safari / Retina外观外，其他一切都很酷。

第一个屏幕是Chrome，第二个屏幕是Safari。都在视网膜上。

为什么Safari将第一列放在半像素上？列之间奇怪的1px间隔是什么？

这是代码：

.container {
  position: relative;
}

.inner{
  margin-left: 116px;
}

table {
  border-collapse: collapse;
}

td {
  width: 100px;
  height: 100px;
  border-top: 1px solid black;
  padding: 0 8px;
}

.fixedColumn {
  position: absolute;
  left: 0;
}

<div class="container">
  <div class="inner">
    <table>
      <tr>
        <td class="fixedColumn">1</td>
        <td class="scrollableColumn">2</td>
      </tr>
      <tr>
        <td class="fixedColumn">3</td>
        <td class="scrollableColumn">4</td>
      </tr>
    </table>
  </div>
</div>