Css safari向表格单元格添加填充

我有一个导航菜单，里面有链接。在chrome和所有其他浏览器上，td元素没有填充，内部链接可以有填充并填充整个td元素。在Safari上，添加了顶部和底部填充物，从而减少了内部链接的间距。如何在safari中删除此额外填充

html-

以及一些显示差异的图像-

---

这里有一个JSFIDLE复制了这个问题-

我在Mac上的Safari和Chrome中看到了它，它看起来是一样的。你能在不同的地方做一把小提琴吗？您使用的是哪个版本的Safari？你使用的是重置css吗？我明白了为什么你的小提琴不同，我所有的风格都有框大小：边框框，当我添加它复制了我的问题时，我会在我的描述中添加一个链接你使用的是什么版本的Safari？你的小提琴在我看来两者都是一样的。我正在使用Browserstack在safari 10.1上测试它，我还有一位mac电脑的同事确认了他的macbook上的错误。我在safari和mac上的Chrome上查看它，它看起来是一样的。你能在不同的地方做一把小提琴吗？您使用的是哪个版本的Safari？你使用的是重置css吗？我明白了为什么你的小提琴不同，我所有的风格都有框大小：边框框，当我添加它复制了我的问题时，我会在我的描述中添加一个链接你使用的是什么版本的Safari？我正在用Browserstack在safari 10.1上测试它，我还有一位同事在mac电脑上确认了他的macbook上的错误。

<nav>
  <div class="container">
    <table>
        <tr>
          <td><a href="">Link 1</a></td>
          <td><a href="">Link 2</a></td>
          <td><a href="">Link 3</a></td>
          <td><a href="">Link 4</a></td>
          <td><a href="">Link 5</a></td>
          <td><a href="">Link 6</a></td>
          <td><a href="">Link 7</a></td>
          <td><a href="">Link 8</a></td>
          <td><a href="">Link 9</a></td>
        </tr>
      </table>
  </div>
</nav>

.container {
  position: relative;
  display: block;
  margin: 0px auto;
  padding: 0px 20px;
  max-width: 1100px;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

nav {
  background: $modBg;
  border: 1px solid $border;
  border-left: 0px;
  border-right: 0px;
  margin-bottom: 9px;
   table {
     width: 100%;
     tr {
       td {
         text-align: center;
         a {
           padding: 15px;
           display: inline-block;
           width: 100%;
           height: 100%;
         }
       }
     }
   }
 }