Div не сосредоточен в Firefox

Question

Я пытаюсь центрировать 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 
    } 

Answer 1

text-align:center; 

может помочь, но я не уверен, если вы разместите HTML, я могу убедиться, что он работает!

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