title: HTML is not touching top of the browser
body: <p>My website is not touching top of the browser. There is little gap at the top.</p>
  
  <p>Openly speaking, body is not touching top of the window and I want it to touch the top.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="header"&gt;
          &lt;h1&gt;
              Example
          &lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="navigation"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Contact us&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#container
  {
      margin: 0 auto;
      width: 350px;
      background: #fff;
      float: left;
  }
  
  #header
  {
      background: #ccc;
      padding: 20px;
  }
  
  #header h1 { margin: 0; }
  
  #navigation
  {
      float: left;
      width: 350px;
      background: #333;
  }
  
  #navigation ul
  {
      margin: 0;
      padding: 0;
  }
  
  #navigation ul li
  {
      list-style-type: none;
      display: inline;
  }
  
  #navigation li a
  {
      display: block;
      float: left;
      padding: 5px 10px;
      color: #fff;
      text-decoration: none;
      border-right: 1px solid #fff;
  }
  
  #navigation li a:hover 
  { 
      background: #383; 
  }
  </code></pre>
  
  <p>And here is example: </p>
  
  <p><a href="http://jsfiddle.net/deerox/YxwqX/" rel="nofollow">http://jsfiddle.net/deerox/YxwqX/</a></p>