Positioning problems on image hover?

Programmer Question

I've created a gallery so that various images are ordered into columns. The images are links to iframes so when they are clicked, a web page is loaded describing the image. One feature of the gallery that I'd like to integrate is when the user hovers over the image, the name of the image appears. I have this almost working except there is one flaw. The name of the image appears at the bottom right of the containing div, not the bottom right of the image. How can I fix this? Here is the web page: http://www.givetoagiver.co.cc/gallery.php
and here is the style sheet:
http://www.givetoagiver.co.cc/style.css
Thank you

Find the answer here