title: Center footer div horizontally
body: <p><a href="http://pixphoriad.haneuri.net/index2.php" rel="nofollow">http://pixphoriad.haneuri.net/index2.php</a></p>
  
  <p>The top div for the header centers fine but for some reason the content in the footer is not centered. Here's the css for the footer:</p>
  
  <pre><code>div#footer {
      background-color: #000;
      color: #fff;
      position:relative;
      height:350px;
      clear: both;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      width: 100%;
  }
  </code></pre>