title: Fixed centered sticky footer can't position in center.. Ideas please
body: <p>I have a 600px wide footer graphic that I want to be positioned in the center of the page. I currently have it fixed at the bottom of the browser, which is what I want - I want the content to scroll from underneath the footer, if you know what I mean.
  With the fixed value my footer hangs on the left. With a value of relative, its centered, but stuck to the bottom of the page, and I end up having a load of blank white space to scroll down until I see the footer. Infact, removing the whole position: property has the same effect as the relative value.</p>
  
  <p>How can I fix this?</p>
  
  <p>I attempted ideas here - <a href="https://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div-horizontally">How to horizontally center a &lt;div&gt; in another &lt;div&gt;?</a> but none of them worked =[</p>
  
  <p>CSS</p>
  
  <pre><code>#footer {
  position: fixed;
  margin-top: -110px; 
  height: 110px;
  width: 600px;
  margin: 0 auto;
  clear:both;
  bottom: 0;
  
  }
  </code></pre>