title: Getting a 100% height/width border on main div(or body)
body: <p><a href="http://designobvio.us/vodka/" rel="nofollow">http://designobvio.us/vodka/</a> Live demo</p>
  
  <p>I've set my html, container, main and 100% but nomatter what I do I cannot get the border to be 100% height without scroll bars?</p>
  
  <p>How can I achieve an effect?</p>
  
  <p>HTML</p>
  
  <pre><code>  &lt;div id="main"&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>CSS (not currently the live code but this is what i've tried )</p>
  
  <pre><code>html, body{height:100%; width:100%;} 
  #main{height:100%; position:absolute; top:0px; bottom:0px; left:0px; right:0px; border:5px solid #000;}
  </code></pre>