仅在Safari Mac OS中定位固定CSS

我目前在一个网站上有一个固定的div头问题，这个问题只出现在使用Mac OS的Safari中

本质上，有一个带有css属性“position:fixed”的div，但在Safari Mac OS中滚动时（仅限于），标题的某些部分保持固定，而其他部分则不固定。有趣的是，当一个javascript/jQuery插件导致刷新时，固定头会自动恢复到应该的位置

该网站是

---

如果有任何建议，我将不胜感激。

当我遇到此类问题时，我会用以下CSS将整个“元素/s”包装起来：

.wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

这段代码片段一直是我的救星，因为

---

幸运的是，希望它有帮助

我已经看到这种情况：修复经常会导致一些跨浏览器问题。我发现一个更好的方法是制作标题，然后在标题下有一个本身可以滚动的div（它们不会在标题下滚动内容）

或

---

我希望这能解释我所说的

在我看来，Safari 5.1和Chrome 27中的页面是一样的。我自己没有mac电脑，明天才能测试。但我已经在不同的机器上测试过了，它从来都不起作用。我想知道你是否在我应用了Santz（下图）的修复程序后检查了它。Santz，它起了作用。我一定会在未来的项目中牢记这一点。

|---Browser Viewport----|
| |-------------------| ^
| | Title Bar Content | |
| | fixed position    | |
| | can change v-size | |
| |-------------------| |
|                       |
| Main Content          |
| which                 |
| runs                  |
| off                   |
| the                   |
| screen below          v
|-----------------------|

|---Browser Viewport----|
|                       |
|  Title Bar Content    |
|  fixed position       |
|  but can change size  |
| |-------------------| |
| |Main Content       ^ |
| |which              | |
| |runs               | |
| |out of             | |
| |this div, below    v                  
| |-------------------| |
|-----------------------|