title: How to put div over another?
body: <p>I have a div that stand for the logo, and I have another div that stand for a slide show.
  The slide show div is under the logo div, and I want it to be under the it and behind it.</p>
  <p>This is what I have:</p>
  <p><strong>HTML</strong></p>
  <pre><code>  &lt;div id=&quot;site-container&quot;&gt;
      &lt;div id=&quot;header-container&quot;&gt;
      &lt;div id=&quot;logo&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
      
      &lt;div id=&quot;slide&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
     
  </code></pre>
  <p><strong>CSS</strong></p>
  <pre><code>#logo {
     background:url(img/logo.png) no-repeat left top;
     width:259px;
     height:147px;
     float:left;
  }
  
  #slide {
     background:url(img/slide.png) no-repeat left top;
     width:776px;
     height:437px;
     float:left;
  }
  </code></pre>
  <p>I tried to use z position, but it turns to be something I dont want it to.
  Any why to make the logo div be a top layer without moving its correct position?</p>