Aligning caption/title and picture

Hi everyone,

I’m having trouble aligning the images on my homepage with captions (div class= “title” in CSS). I’m having the same problem with the scroll-over text that appears when cursor goes over those images.

On my laptop, everything is aligned fine, but on wider screens the caption bar extends beyond the image, and same goes for scroll-over text.

Is there something I can add to CSS stylesheet to make all this render correctly regardless of screen width?

Here’s the site- any help is much appreciated!

http://www.washtenawrowingcenter.com/