background-image - フッターの背景画像は画面の上部にジャンプしますが、フッターのコンテンツは下部に残ります

Question

クライアントのタトゥーポートフォリオ サイトのフッターを作成しました。ページの (赤いバー)。

これは私のcssです：

#footer{
width: 100%;
height:40px;
background:url(../images/footer-bg.jpg) repeat-x;
bottom:0;
position:relative;
margin-left:-10px;
margin-right:-15px; 

}

私も試しました：

#footer{
    min-width: 100%;
    max-width: 100%;
    height:40px;
    background:url(../images/footer-bg.jpg) repeat-x;
    bottom:0;
    position:fixed;
    margin-left:-10px;
    margin-right:-15px; 
}

位置を固定に設定することはできましたが、フッターをスクロールさせたいのですが、スティッキーではありません。フッターが固定されていれば問題ありませんが、モバイル デバイスで表示すると、フッターが固定されたままではなく、ユーザーがコンテンツを読むためにピンチ ズーム インするとフッターが途切れてしまいます (残念ながらレスポンシブ サイトではありません)。

どんな助けでも大歓迎です！前もって感謝します！