jQuery HoverImageText

jQuery HoverImageText

Hi all, i would like to have an effect like this one http://www.itsavesyou.com/HoverImageText.htm
(The text should appear on the image on mouse over)

The above example is working but it's totally wrong from an xhtml point of view causing some bad layout problems on my site.

The error is in the position of the <p> tag showing the text over the image which is not allowed inside the <a>

Anyone knows how could i get a correct output for my desired effect ?
thank you for your time!