On text mouseover show more text?

A couple of requests:

1
I'm making a website, and when the user hovers over the words "contact" and "about" I want a small piece of text to show below. For example, when the user hovers over "contact" my email address can be shown below. Is it possible to do this using just CSS and HTML?

2
Alternatively, when the user hovers over one of the words, can the email address replace an image?

Thanks very much! :)

I guess you would need some javascript to archieve that..

You could use background-images and psudeo-classes. Though FF only truly supports psudeo-classes other than the <a> element. Not too sure about IE7, I don't use them often.

http://www.cssplay.co.uk/menus/hovercraft.html

About two thirds of the way down the page. The fifth link.

or http://www.jlhaslip.com/samples/tooltips/ is another approach.

I did this at m.c.g-llc.net, (no periods), with the checkout and shopping cart buttons.

Check the cSS out.