Safariでスッキーなメニューが表示される（マージンの問題？）

Question

私は何時間も解決しようとした問題があります。

私のサイトにメニュー用の固定要素があり、その上に余白やスペースを入れずにWebページの上部に貼り付けています。

Firefoxの機能は素晴らしいですが、Safariではメニューの約半分がページ上部から切り取られています。

ウェブサイト：uprighthealth.com

クローム： chrome - working

サファリ： safari - broken

は現在、私は、ブラウザ固有の修正とパッチを適用問題を持っているが、私はそれが本当の問題を解決していない知っています。何が起きているのかを確認するには、safariのid = "nav-container"とid = "header"の2つのブラウザ固有のスタイルを無効にしてください。

助けがあれば幸いです！

Answer 1

固定要素に左/トップポジションを追加します。

div#nav-container { 
    position: fixed; 
    top: 0; 
    left: 0; 
}