title: Z-index absolute positioning background image
body: <p>I would like to have the <code>Wrapper-Top</code> layer on top of the other one. I set <code>z-index</code> and <code>position</code>, which should be sufficient. Am I missing something? Here is the <a href="http://strazci-webu.cz/103/" rel="nofollow noreferrer">website</a>:  Thank you in advance.</p>
  
  <p>EDIT: here is the code I used:</p>
  
  <pre><code>&lt;body&gt;
    &lt;div class="Wrapper-Top"&gt;
    &lt;/div&gt;
    &lt;div class="Wrapper-Middle"&gt;
    hjklhjkhkjlhjkl
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <pre><code>.Wrapper-Top {
      min-width: 980px;
      width: 100%;
      height: 179px;
      top: 0px;
      left: 0px;
      background:url(img/header-bg.png)
      repeat-x 50% 0%;
      z-index: 20;
  }
  .Wrapper-Middle {
      min-width: 980px;
      width: 100%; 
      height: 300px;
      margin: 0 auto;
      background: #eee;
      top: 160px;
      left: 0px;
      position: absolute;
      z-index: 10;
      text-align: center;
  }
  </code></pre>