title: Extend footer wrap to width of page
body: <p>I've made a footer wrap outside the content wrap (which everything else is in).  I would like to make the footer wrap extend to fill the width of the page and I would like it to be fixed on the bottom.  Here's the code:</p>
  
  <h1>footerWrap {</h1>
  
  <pre><code>background-color:#000;
  width: auto;
  </code></pre>
  
  <p>}</p>
  
  <h1>footer {</h1>
  
  <pre><code>margin: auto;
  text-align:center;
  width:965px;
  height:150px;
  background-color:#000;
  border:#000 inset medium;
  </code></pre>
  
  <p>}</p>
  
  <p>The website is item9andthemadhatters.com  please let me know if you need any other code or info.  Thanks!!</p>
  
  <p>update:</p>
  
  <p>html {
      padding:0;
      height:100%;
      width: 100%;
  }</p>
  
  <p>body{
      margin: -1px 0 0 0;
      background-color:#FFF;
      font-family: calibri;
      background-image:url(images/item9HeaderSideFiller.gif);
      background-repeat: repeat-x;
      padding:0;
      height:100%;
      width: 100%;
  }</p>
  
  <h1>wrap {</h1>
  
  <pre><code>width: 965px;
  margin:auto auto;
  min-height:462px;
  max-height:4000
  </code></pre>
  
  <p>px;</p>
  
  <h1>footerWrap {</h1>
  
  <pre><code>background-color:#000;
  position:absolute;
  bottom:0;
  width:100%
  </code></pre>
  
  <p>}</p>
  
  <h1>footer {</h1>
  
  <pre><code>margin: auto;
  text-align:center;
  width:965px;
  height:150px;
  background-color:#000;
  </code></pre>
  
  <p>}</p>
  
  <p>}</p>