在Safari中帶有神祕邊距的固定頁眉

在我正在開發的網站中，我想要一個固定的菜單，當我滾動時，它會增長。它在Chrome和Firefox上完美運行，但是當我嘗試使用Safari時，它在頂部添加了一個邊距。在Safari中帶有神祕邊距的固定頁眉

頁眉HTML：

<div id="top-background"> 
    <div id="top-menu"> 
     <header class="large"> 
      <nav><img class="logo" src="img/logo-color-solo.png"/> 
      <ul class="menu"> 
       <li><span><a data-scroll href="#de-que-se-trata">¿De qué<br/>se trata?</a></span></li> 
       <li><span><a data-scroll href="#beneficios">¿Cuáles son<br/>los beneficios?</a></span></li> 
       <li><a data-scroll href="#como-se-usa"><span>¿Cómo se usa?</a></span></li> 
       <!--<li><a href="#"><span>¿Cuáles son las<br/>membresías?</a></span></li>--> 
       <li><a data-scroll href="#unete"><span>Únete</a></span></li> 
      </ul> 
      </nav> 
     </header> 
    </div> 
...

頁眉CSS：

header{ 
    background-color: rgba(255, 255, 255, 0.95); 
    border-bottom: 1px solid #aaaaaa; 
    float: left; 
    width: 100%; 
    position: fixed; 
    z-index: 10; 
}

這是它的外觀在Chrome/Firefox的（正道）