title: How to make DIV element opaque
body: <p>I have a div at the top of my site which is 100% wide and in a absolute and fixed position. The code for it is like:</p>
  
  <pre><code>div.header{
      height: 60px;
      width: 100%;
      position: absolute;
      position: fixed;
      top: 0px;
      left: 0px;
      background-color: #eeeeee;
  }
  </code></pre>
  
  <p>Now everything in that works, but when users scroll down the site content appears behind this. Is there a way that I can prevent this from happening?</p>