title: Vertical/Height scrollbar appears when adding margin-top
body: <p>My HTML:</p>
  
  <pre><code>div.container
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>html, body {
    height: 100%;
    background-color: red;
    padding-left: 0px;
    padding-right: 0px;
  }    
  .container {
    height: 100%;
    background-color: blue;
    margin-top: 5px;
    *zoom: 1;
  }
  </code></pre>
  
  <p>I want to use height=100% and DO NOT want to use overflow=hidden.</p>
  
  <p>Which CSS properties I should use above so that I can have EFFECT OF margin-top for container div above which will not create vertical scroll-bar.</p>
  
  <p>Just Imagine:</p>
  
  <pre><code>* Body with color red
  * A div container in body and I want to see the margin of "x" px on top bewteen body and conatiner
  * Color of div container blue
  * No scrollbars and No overflow="hidden"
  </code></pre>
  
  <p>Please help</p>
  
  <p>How can I accomplish this? Please help</p>