title: CSS menu top of the page
body: <p>I am going to start working on a small website for my class, I am trying to do a menu that will be positioned at the top of the page.</p>
  
  <p>This is what I have:</p>
  
  <pre><code>&lt;style&gt;
  #menu
  {
      background:#CCC;
      width:100%;
      height:40px;
      position:absolute;
      margin:0;
      z-index: 100;
  }
  &lt;/style&gt;
  &lt;div id="menu"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>But for some reason this div is not at the top there's a small space between the top and the div(menu); also, on the left side there is a small space, how can I fix this?</p>