How can i use CSS to make a rollover for text to display a image

Hi~!
I am making a roleplaying forum and i am looking for some help in CSS to make a effect where when the mouse rolls or hovers over a descriptive paragraph it displays a image. I wanna use this effect to spice up my forum style a bit. Would it be at all possible to use CSS for that?? =) Would you be able to show me some sample code i could use to try ?

I wanna thank you in advance for your time and effort in this matter even if you can't help your time is greatly appreciated ~!

-Galvesar

http://troubleshoot.forumotion.net/
Check the forum description.

You can add this in the description.

Code:

<div class="fmthumbnail">The forum to request for anything and everything of the RPGH specific. Custom avatars or siggies, group/guild membership, or request for missions here as well.<span><img src="http://i47.servimg.com/u/f47/14/07/41/67/94162911.jpg"><br></span></div>

Then add this to your css.

Code:

.fmthumbnail span {
    position: absolute;
    background-color: gray;
    padding: 5px;
    left: -1000px;
    border: 1px black;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }

    .fmthumbnail:hover span {
    visibility: visible;
    top: 100;
    left: 250px;
    }

~!!! That is amazing thank you sooooo much XD



The image pops up and everything ~! Thank you =)