html - 最小幅のめちゃくちゃなフッターを使用する

Question

サイトのサイズ変更の問題を修正するために、min-width と margin 0 auto を使用しています。しかし、div を適用すると、フッターをページの下部にプッシュする css が機能しなくなります。

誰でも何か提案できますか？

乾杯

#push {
    height: 4em;
}

footer {
    font-family: footer;
    color: #cccccc;
    font-size: 8px;
    text-transform: uppercase;
    bottom: 0px;
    width: 100%;
}

footer #push {
    height: 100px;
}

footer p{
    text-align: center;
}

footer a {
    color: inherit;
    text-decoration: none;
}

.footerLink:hover {
    text-shadow: 0 0 10px #F0F0F5;
}

footer:hover {

    /* This makes it transition*/
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition:. 5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #24246B;
    font-size: 12px;
}


`
<div style="min-width: 960px; margin: 0 auto;">


    </div>
    </div>
    <div id="push"></div>
    <p></p>
        <footer>
            <p>*******
            </br>
            *********</p>
        </footer>
    </body>
</html>