title: CSS styling BODY tag issue
body: <p>I havent done any CSS / HTML development in a long time and im having some issues with styling the body tag using CSS.</p>
  
  <p>What im aiming to do is have the HTML tag styled with a background colour, then styling the body tag to be 80% width and a different background colour which all works fine.</p>
  
  <p>The problem is that the background colour only goes one screen height down then ends and I cant seem to figure out why!</p>
  
  <p>My CSS is:</p>
  
  <pre><code>body { 
      width: 80%; 
      margin-left:auto; 
      margin-right: auto; 
      min-height:100%;
      height:100%;
      background-color: #FFFFFF;
      border-radius: 20px;
      -moz-border-radius: 20px
  }
  
  html { 
      background-color: #000000;
      height: 100%
  }
  
  header,nav,article {                            
      display: block
  }
  
  nav {
      float: left; 
      width: 20%
  }
  
  article {
      float: right; 
      width: 79%
  }
  </code></pre>
  
  <p>Any suggestions would be great, thanks.</p>
  
  <p>EDIT: After all the suggestions here the best result i could get with my CSS looks like this:</p>
  
  <pre><code>#content 
  { 
      width: 80%; 
      margin-left:auto; 
      margin-right: auto; 
      height:100%;
      min-height:500px;
      background-color: #FFFFFF;
      border-radius: 20px;
      -moz-border-radius: 20px;
  
  
  }
  
  html,body
  {
      background-color: #000000;
      margin:0;
      padding:0;
      height: 100%;
  
  }
  
  header,nav,article 
  {                           
      display: block
  }
  
  nav 
  {
      float: left; 
      width: 20%
  }
  
  article 
  {
      float: right; 
      width: 79%
  }
  </code></pre>
  
  <p>Its still not doing what I want but this is the CSS that works best with the wrapper so far</p>