Нижние колонтитулы с контентом

Question

Я хочу, чтобы нижний колонтитул был липким внизу (даже если пользователь уменьшил масштаб на 25%), когда я пытаюсь изменить положение относительно абсолютного, но нижний колонтитул перекрывается с содержимым.

Как это исправить? Вот мой живой link

CSS:

footer #bottom-footer { 
    background: url(/files/image.jpg) no-repeat; 
    background-repeat: no-repeat; 
    background-size: cover; 
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.71); 
    text-align: left; 
    padding: 50px 0 50px 0; 
    font-size: 0.8125em; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 600; 
    letter-spacing: normal; 
    position: relative; 
    left: 0; 
    bottom: 0; 
    height: auto; 
    width: 100%; 
} 

Answer 1

Я предполагаю, что вы имеете в виду, что содержание в нижней части страницы находится под фиксированную сноской.

Одно исправление добавляет ширину нижней части нижнего колонтитула к нижней части нижнего колонтитула.