XF 1.4 Centering header image

[Anarchy Scape]

Hey guys, I have another question for someone more skilled with this than I am. I've been trying to center my header image, and I haven't been able to do it thus far.

This is the header image: http://i.gyazo.com/129ebd2d3419647d71eb26f60a29fc93.png


This is the code I tried, I put it into extras.css

#logo {
float: none;
text-align: center !important;
}
Any idea's on why it isn't working?


Link to site http://anarchyscape.com/index.php

 

[Anarchy Scape]

Okay, I managed to get my logo centered with
#logo {
display: inline-block;
float: none;
width: 311px;
position: center;
left: 0px;
right: auto;top:70px;
margin-left:100px;

that makes it look like http://gyazo.com/c1c85bf8c66f6d16fe4d7a73aaa10eb4 for me, however for other's it looks like http://prntscr.com/7jsz82
Is there any way to change this?