フッターがコンテンツと重複します

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

私は、ページの下部に内容が固定フッターの下にあるということです何を意味推測しています。

解決策の1つは、フッターの親の下端にフッターの幅を追加することです。