I have a set of four images, and my functionality goal is so that when you hover the mouse over the image thumbnail, it applies an overlay with some information that you can click.

To give you an idea, take a look at this image:

[![image](https://i.stack.imgur.com/v8uS4.jpg)](https://i.stack.imgur.com/v8uS4.jpg)

I've got the basics down, but currently the overlays are just stacking in the top left image. Not sure how to fix it, so I wondered if you guys could help.

Here's the website:
<http://lab.albionmedia.biz/clients/silverdale/>

Have a look at my code and see what you think!