title: Why is a horizontal scroll bar appearing if none of the elements are wider than the 960px container?
body: <p>Everything is wrapped in a div with an <code>id="main_wrap"</code></p>
  
  <p>the main wrap has this style:</p>
  
  <pre><code>#main_wrap{
    margin:0 auto;
    width:960px;
    position:relative;
  }
  </code></pre>
  
  <p>Since everything is wrapped inside of this div, I don't understand why a horizontal scroll bar would appear at the bottom. </p>