Safari에서 끈적한 메뉴 깨짐 (여백 문제?)

Question

지금 몇 시간 동안 해결하려고 시도한 문제가 있습니다.

내 사이트의 메뉴에 고정 된 요소가 있으며, 웹 페이지 상단에 여백이나 간격을 두지 않고 고정되어 있습니다.

파이어 폭스, 크롬에서는 훌륭하게 작동하지만 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; 
}