title: How to change the z-index of the display:inline-block element?
body: <p>I'm trying to mimic the coverflow UI here: <a href="http://jsfiddle.net/qqWMb/">jsFiddle</a></p>
  
  <p>As you can see on the right, the last image is covering the second last image. How do i circumvent this problem, or is there a better method other than <em>display:inline-block</em>. I'm trying to avoid using <em>position:absolute</em> as this involve calculating the position for every single image.</p>