Как скрыть стиль css для всех браузеров сафари

Question

Я применил немного css, чтобы сделать нижний колонтитул снизу (фиксированное положение). когда кто-то прокручивал вниз, я применил эффект, как будто, нижний колонтитул зафиксирован на его позиции, и оболочка страницы (конец страницы) переместится вверх (до высоты нижнего колонтитула) снизу.

Ниже css:

    .site-footer{
    overflow: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index:-1;

}

body #page_wrapper{
    position:relative;
    margin-bottom:420px;
    background:#ffffff;
    z-index:1;
}

Но этот эффект не будет работать в браузере Safari. Итак, я должен применить это css для всех других браузеров, кроме сафари. Значит, я хочу, сафари работает с нижним колонтитулом по умолчанию (без вышеуказанных эффектов). Как я могу скрыть выше css для браузера Safari? Предлагайте!