title: Why won't this image hover function bring the elements to the front?
body: <p>I am trying to write some code to for a gallery of overlapping image elements. I want each image to have a hover event handler that brings that image to the front when the mouse enters the image, and then moves the image back when the mouse leaves the image. As it is now, the images flicker like they are being brought forward then put back straight away. Code available <a href="http://alphadesigns.com.au/stackoverflow/gallery/index.html" rel="nofollow">here</a>. Any thoughts appreciated, I'm sure this is probably just a css/jq animation fix but I can't figure it out.</p>