title: div's with text over image slider
body: <p>I was wondering; how can i display div's over an image slider. Right now the div falls behind the slider. Z-index is not helping and i also tried a position: absolute but that messes up even more. Here is my example: <a href="http://gelijkanders.com/nieuw/template-devotion/" rel="nofollow">http://gelijkanders.com/nieuw/template-devotion/</a></p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;div id="header"&gt;
              &lt;img src="assets/images/header1.png" /&gt;
              &lt;img src="assets/images/header2.png" /&gt;
          &lt;/div&gt;   
  
  
   &lt;div class="wrapper"&gt;  
  
          &lt;div class="container"&gt;    
  
  
                  &lt;div id="headlight-left"&gt;
                      &lt;img src="assets/images/casablanca.png"/&gt;
  
                          &lt;h1&gt;Casa Blanca&lt;/h1&gt;
  
                                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id urna pretium, venenatis tellus nec, scelerisque nisi. Vestibulum sapien risus, adipiscing vel interdum non, euismod in nisi. Nullam in ultrices est, vel sodales nisl. Donec sodales aliquam diam, eu hendrerit felis fringilla eget. lobortis. &lt;/p&gt;
  
                                      &lt;a class="button" href="#"&gt;Lees meer&lt;/a&gt;
  
                  &lt;/div&gt;
  
                      &lt;div id="headlight-center"&gt;
                          &lt;img src="assets/images/sealicious.png"/&gt;
  
                              &lt;h1&gt;Casa Blanca&lt;/h1&gt;
  
                                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id urna pretium, venenatis tellus nec, scelerisque nisi. Vestibulum sapien risus, adipiscing vel interdum non, euismod in nisi. Nullam in ultrices est, vel sodales nisl. Donec sodales aliquam diam, eu hendrerit felis fringilla eget. lobortis. &lt;/p&gt;
                                  &lt;a class="button" href="#"&gt;Lees meer&lt;/a&gt;
                      &lt;/div&gt;
  
                          &lt;div id="headlight-right"&gt;
                              &lt;img src="assets/images/cielo.png"/&gt;
  
                                  &lt;h1&gt;Casa Blanca&lt;/h1&gt;
  
                                              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id urna pretium, venenatis tellus nec, scelerisque nisi. Vestibulum sapien risus, adipiscing vel interdum non, euismod in nisi. Nullam in ultrices est, vel sodales nisl. Donec sodales aliquam diam, eu hendrerit felis fringilla eget. lobortis. &lt;/p&gt;
                                              &lt;a class="button" href="#"&gt;Lees meer&lt;/a&gt;
                          &lt;/div&gt;
  
  
  
              &lt;div id="content"&gt;
                  &lt;h1&gt;We are W Travel&lt;/h1&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id urna pretium, venenatis tellus nec, scelerisque nisi. Vestibulum sapien risus, adipiscing vel interdum non, euismod in nisi. Nullam in ultrices est, vel sodales nisl. Donec sodales aliquam diam, eu hendrerit felis fringilla eget. lobortis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id urna pretium, venenatis tellus nec, scelerisque nisi. Vestibulum sapien risus, adipiscing vel interdum non, euismod in nisi. Nullam in ultrices est, vel sodales nisl. Donec sodales aliquam diam, eu hendrerit felis fringilla eget. lobortis.&lt;/p&gt;
  
              &lt;/div&gt; 
  </code></pre>
  
  <p>and the css: </p>
  
  <pre><code>#header {
      height:464px;
      width:1920px;
      position:relative;
      overflow:hidden;
      z-index:-99;
  }
  
  #headlight-left {
      background:url(images/headlights-bg.png);
      background-repeat:repeat-y;
      width:289px;
      height:464px;
      float:left;
      padding:15px;
      position:relative;
      margin-top:-138px;
      z-index:99999;
  }
  
  #content {
      width:648px;    
      padding:20px;
      position:relative;
      top:20px;
      float:left;
      display:block;
  
  }
  </code></pre>
  
  <p>I hope this makes any sense and you are able the to see my problem because i know it's somehow possible. Anyway thanks in advance!!</p>