Jak zmienić indeks Z wyświetlacza: element inline-block?

Question

Próbuję naśladować interfejs interfejsu CoverFlow tutaj: jsFiddle

Jak widać po prawej stronie, ostatni obraz obejmuje drugie ostatnie zdjęcie. W jaki sposób mogę obejść ten problem, czy istnieje lepsza metoda niż wyświetlanie na ekranie: : inline-block. Staram się unikać używania pozycji : absolutnej, ponieważ wiąże się to z obliczaniem pozycji dla każdego pojedynczego obrazu.

Answer 1

Patrz:http://jsfiddle.net/qqWMb/1/

li:nth-last-child(2) { 
    position: relative; 
    z-index: 1 
} 

http://reference.sitepoint.com/css/pseudoclass-nthlastchild