title: Change css to extend the content
body: <p>Int he following css how to make the div wrapper to occupy the full screen and not only in the center</p>
  
  <pre><code>body {
     margin:0px;
     padding:0px;
     background:#71726e;
     }
  div, p, span, a, h1, h2, h3, h4, h5, h6, form {
     margin:0px;
     padding:0px;
     }
  
  .wrapper {
     margin:0px auto;
     padding:0px;
     overflow:hidden;
     width:951px;
     background:url(../images/mid-shadow.jpg) repeat left top;
     }
   left-gap1 {
     margin:    0px ;
     padding:0px;
     font-size:0px;
     line-height:0px;
     width:6px;
     float:left;
     }
  .right-gap1 {
     margin:0px;
     padding:0px;
     font-size:0px;
     line-height:0px;
     width:6px;
     float:left;
     }
  .main {
     margin:0px;
     padding:0px;
     width:939px;
     float:left;
     }
  .header {
     margin:0px;
     padding:0px;
     width:939px;
     float:left;    
     }
  .nav-area {
     margin:0px;
     padding:0px;
     width:939px;
     height:54px;
     float:left;
     background:#000000;
     }
  </code></pre>