Html 在Firefox中Div未居中

我正在尝试将一个div放在中间，它可以在Safari和Chrome中工作，但不能在Firefox中工作。div是socIcon，它将显示链接的社交媒体图标。此div位于使用css3的完整背景图像下方

 html {
 height: 100%;
 background: url(images/logoLandingPage.jpg) no-repeat center center;
 background-size:cover; 
 }

 #socIcon {
 margin: 0 auto;
 position:absolute;
 padding: 10px 0px; 
 bottom:0px;
 width:100%;



 /* Firefox */
 display:-mox-box;
 -moz-box-pack:center;
 -moz-box-align:center;


  /* Safari and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;

  /* W3C */
  display:box;
  box-pack:center;
  box-align:center
  }

可能会有帮助，但我不确定，如果你发布的html我可以确保它的工作

#socIcon {
     margin: 0 auto;
     position:absolute;
     padding: 10px 0px; 
     bottom:0px;
     width:100%;
    text-align:center;
      }

---

你能发布html吗？请尝试修改你的代码并发布链接。

#socIcon {
     margin: 0 auto;
     position:absolute;
     padding: 10px 0px; 
     bottom:0px;
     width:100%;
    text-align:center;
      }