title: Air-gap between top of page and first divs on page
body: <p>here's sample html: </p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .column
  {
  float: left;
  width:33.3%;
  }
  
  #container
  {
  text-align: center; 
  width:100%;
  }
  
  .clearfix 
  {
  display: inline-block; 
  }
  &lt;/style&gt;
  &lt;div id="container" class="clearfix"&gt;
        &lt;div class="column"&gt;left&lt;/div&gt;
        &lt;div class="column"&gt;middle&lt;/div&gt;
        &lt;div class="column"&gt;right&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I was wondering why in this situation and situations similar, there is a gap between the top of the page in most (all?) browsers and the divs containing the text. I know I could do a "top:-y px" but I know im doing something wrong...</p>