在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;
}

Answer 2

像这样写：

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

.menu{
    width:800px;
    margin:0 auto;
}

Answer 3

你试过了吗？

Margin: 0px auto; 

这是一种非常可靠的内容中心技术。