問題與固定中心頁腳在IE和Firefox中使用960gs

Question

我有問題試圖調整我的固定頁腳在IE和FF。鉻似乎渲染頁面沒問題！這是我在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; 

這是中心內容的一種非常可靠的技術。