Jquery hover over an image to show caption with transparent colored background on top
<p>When I hover over a thumbnail which is wrapped within an anchor tag I would like the caption to fadein with a background color that covers the entire image  regardless of the images size as this will vary.</p>

<p>This is what it looks like before</p>

<p><img src="http://i.stack.imgur.com/rzVJA.jpg" alt="enter image description here"></p>

<p>and this is how I would like the hover effect to look like.
<img src="http://i.stack.imgur.com/MJ6Ek.jpg" alt="this is the hover effect"></p>

<p>I have found a couple of plugins but none of them seem to support rounded corners on the overlay</p>

<p>Also here is a url.</p>

<p><a href="http://satbulsara.com/luke-irwin/rugs/all/" rel="nofollow">http://satbulsara.com/luke-irwin/rugs/all/</a></p>

<p>Thanks,</p>

<p>Sat</p>
