Chrome 和 Safari 之间一个像素的水平偏移量与绝对定位元素

Question

我的下拉菜单使用以下 CSS：

header nav ul #sublist {
    height: 98px;
    width: 166px;
    position: absolute;
    left: 155px;
    top: 381px;
    z-index: 1;
}

由于某种原因，该位置在 Safari 下向右更远一个像素。它恰好出现在我希望它与 Chrome 一起出现的位置。

我一直在调查，但找不到此偏移的来源。你可以在这里查看我的网站：

http://www.theexpatcoach.com/b/

下拉菜单位于导航栏上的“外籍教练”下方。

Answer 1

在父 li 元素上尝试 position: relative：

header nav ul #expatSub {
  width: 166px;
  position: relative;
}

并从那里设置嵌套ul 元素的top 和left：

header nav ul #sublist {
/* ... */
position: absolute;
left: 0;
top: 40px;
z-index: 1;
/* ... */
}