Как изменить z-индекс элемента display: inline-block?

Я пытаюсь имитировать пользовательский интерфейс coverflow здесь: jsFiddle

Как вы можете видеть справа, последнее изображение закрывая второе последнее изображение. Как мне обойти эту проблему, или есть лучший метод, кроме display: inline-block . Я стараюсь избегать использования position: absolute , поскольку это связано с вычислением позиции для каждого отдельного изображения.