title: changing z-index and get a scrollbar
body: <p>I tried a lot of things, first in the css now with jquery but i can't get the z-index correct.
  The text should go over the image that is on the right side of it and not under it.
  If i check the z-index in the source then it's correct but still the text is on the back.</p>
  
  <pre><code>$(document).ready(function() {
  
      var entries = $('.entrie').length;
  
  
      $('.entrie').each(function(index){
          //console.log(index);
          var newIndex = entries-index;
          console.log(newIndex);
          $(this).css('z-index', newIndex);
      });
  
  
  });
  </code></pre>
  
  <p>here's a jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/EJMqG/" rel="nofollow">http://jsfiddle.net/EJMqG/</a></p>
  
  <p>2nd (less important), when i make the window really small then the text goes under the image, how can i prevent this? I just want scrollbars when it gets to small.</p>