使用Google地图信息窗口修复Safari定位问题

Question

所以我有这个通过他们的API生成的谷歌地图。我已经制作了一些自定义信息窗口，因为我无法按照自己想要的方式设置实际窗口的样式，所以有点hacky。

关于chrome＆amp; firefox看起来像这样，应该：

您看到的窗口是使用css：

创建的

.window{
background-color: #FFF7EF;
position: fixed;
margin-left: -95px;
margin-top: -65px;
width: 201px;
height: 85px;
border-radius: 3px;
color: #736357;
padding: 10px;
text-transform: uppercase;
}

然而在Safari上，它们似乎没有显示在正确的位置，它们是这样的：

但是当我尝试检查窗口时，似乎应该位于正确的位置，下面的图像就是当我将窗口中的信息悬停在窗口上时：

此外，偏移量似乎不是一致的距离，所以我不能仅为Safari做自定义位置。

不确定从哪里开始，不确定Safari的问题是否无法正确显示固定元素，或者问题是否在我使用API​​时更为深刻。