title: Full width background image in footer
body: <p>I am working with 960gs (in my local environment) and I insert this CSS code into my <code>footer</code> div:</p>
  
  <pre><code>## style.css
  
  #footer{
      background:url("images/footer.png")  repeat-x scroll top transparent; 
      height: 130px; 
      width:100%; 
      overflow:hidden;
  }
  
  ## footer.php
  
  &lt;div id="footer"&gt;   
      &lt;div id="nav" class="container_12"&gt;  &lt;/div&gt;
      &lt;div id="endfooter" class="container_12"&gt;
          &lt;div id="copyright" class="grid_3 alpha"&gt; &lt;/div&gt;  
          &lt;div id="design" class="grid_3 omega"&gt;  &lt;/div&gt;  
      &lt;/div&gt; &lt;!-- endfooter --&gt;
  &lt;/div&gt; &lt;!-- end footer --&gt;
  </code></pre>
  
  <p>The problem is that the page does not show the <code>footer</code> div at full width with the background covering the entire div. It just shows the image at 960px. What I am doing wrong?</p>