z-index issue on iPad/iPhone

[dt]

first of all I have very little experience with CSS/HTML, I'm not a webdesigner/coder, basically I have no clue what I'm doing.I'm also close to kill myself because nothing helped. I really appreciate everyone who's trying to help me.When you go on pawelpietryka.com and hover on the image it slides in a div via webkit transition and basically everything works. I'm also using a webkit inset shadow which is animated too. I had big issues with this shadow because it always appeared behind the image (not in front) ... I hacked it with these changes\[code\]#demo-5 img { z-index: -1; position: relative; vertical-align: top; }\[/code\]As soon as I put the z-index: -1; in it doesn't work on iPad/iPhone anymore, I'm tapping on the container and nothing happens. (I'm assuming it doesn't have a hover state and when I'm trying to tap it it's somehow BEHIND the main layer.)I've seen this on other page and the ideal scenario would be: 1) First tap box slides in 2) Second tap jump to destination.Thanks!