Rollover dynamic text with CSS

Ok, technically it’s not dynamic because you have to enter the text in the html so it’s not “created on the fly”.  This is still a cool feature if you wanted a list of terms and have the definition pop up on the page as the visitor rolls over the definition.  And the best part of this it’s pure CSS, no javascript.  Once again, this is dynamic so it scales to the size of the page and it has been tested and works on IE, Chrome, Safari, and Firefox on a Win7 box.  Your mileage may vary.

Without further ado, here’s the HTML and CSS as well as a link to a working example.