使用绝对定位元素的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/

下拉菜单位于＆＃39; Expat Coaching＆＃39;在导航栏上。

Answer 1

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

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

并设置嵌套top元素的left和ul相对于此：

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