title: Z-index not working as expected working with picture and background-div
body: <p>I have a image, and I'd like to have an effect on my page where a background-div with gray color is displayed 5px on the left side and bottom of the picture. But for some reason, I can't get the background-div to align behind the picture. It always lays ontop. How can I fix this?</p>
  
  <p>Jsfiddle: <a href="http://jsfiddle.net/3Z7m4/2/">http://jsfiddle.net/3Z7m4/2/</a></p>