css - 在 IE 和 Firefox 中使用 960gs 的固定中心页脚问题

Question

我在尝试在 IE 和 FF 中对齐我的固定页脚时遇到问题。 Chrome 似乎可以很好地渲染页面!这是我在 Chrome 中得到的:

页脚出现在正确的位置。这是我在 IE 和 FF 中得到的。页脚的对齐方式变坏了:

这是我的 HTML 代码:

<div id="page-wrap" class="container_12">
    <header id="header" class="grid_12">
        <!-- header content and main navigation -->
    </header>

    <div id="content" class="grid_12">
        <!-- slider and content goes here! -->
    </div>

    <footer id="footer" class="grid_12">
        <div class="menu">
            <ul>
                <li><a href="http://localhost/asq/1/">Menu1</a></li>
                <li><a href="http://localhost/asq/2/">Menu2</a></li>
                <li><a href="http://localhost/asq/3/">Menu3</a></li>
                <li><a href="http://localhost/asq">Home</a></li>
                <li><a href="http://localhost/asq/5/">Menu5</a></li>
                <li><a href="http://localhost/asq/6/">Menu6</a></li>
                <li><a href="http://localhost/asq/7/">Menu7</a></li>
            </ul>
        </div>
    </footer>

</div>

我的页脚 CSS 是:

#footer {
    bottom: 0;
    position: fixed;    
}

我错过了什么？

Answer 1

让页脚居中

#footer{
width:800px;
margin-left:auto;
margin-right:auto;
}