title: Fixed header, DIV sitting behind not under
body: <p>I have a small problem if anyone can help. I'm probably being really stupid but I can't seem to get my DIV to sit under my fixed header as it's currently sitting behind.</p>
  
  <pre><code>&lt;/body&gt;
      &lt;div id="container"&gt;
          &lt;div id="header"&gt;
          &lt;/div&gt;
          &lt;div class="home"&gt;
              &lt;img src="images/home.jpg" alt="" height="563" width="760"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  body {
      text-align: center;
  }
  
  #container {
      width: 760px;
      margin-left: auto;
      margin-right: auto;
  }
  
  #header {
      padding-top: 250px;
      position: fixed;
      background-image: url(images/logo.png);
      background-repeat: no-repeat;
      background-position: 50% 40%;
  }
  
  .home {
  }
  </code></pre>
  
  <p>Edit: another thing to not is in the header there is a basic CSS menu, didn't think the code was necessary for this issue.</p>