使用最小宽度搞乱页脚

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>