Заголовок не фиксируется в firefox

Question

Мой заголовок сайта не фиксируется в верхней части firefox. https://www.ruralserver.com, его нижняя часть заголовка не работает нормально. Он отлично работает на Chrome.

Я уже попробовал этот код:

.site-header .bottom { 
    background-attachment: scroll; 
    background-clip: border-box; 
    background-color: #434d54; 
    background-image: none; 
    background-origin: padding-box; 
    background-position: 0 0; 
    background-repeat: repeat; 
    background-size: auto auto; 
    height: 75px; 
    margin-bottom: 0; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0; 
    padding-bottom: 0; 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-top: 0; 
    position: relative; 
    width: 100%; 
} 

Он работает на всех других браузерах без внесения каких-либо изменений. но не работает в Firefox. поэтому, пожалуйста, помогите по этому поводу. открыть ссылку на сайт на хром, а не в Firefox, чтобы показать разные.

Answer 1

Вы можете использовать положение: фиксированный

.top { 
    position: fixed; 
    top:0px; 
    width: 100%; 
    margin: 0 auto; 
    height: 40px; 
    background: #374147; 
    padding: 8px 20px; 
    -webkit-transform-origin: 50% 100%; 
    -moz-transform-origin: 50% 100%; 
    transform-origin: 50% 100%; 
}