How to make a tool tip in HTML using CSS and JS

I found a really nice tool tip maker for a website I'm currently finishing up.

The client wanted a nice map of the US with Flash like effects. Flash is expensive and takes forever so I wanted to try it with something else.

At first, I tried using the ever popular Bubble Tooltips that seems to be number one on Google right now. http://www.web-graphics.com/mtarchive/001717.php

It looks like this:

But, I needed the tooltip to be more customizable, so then I luckily found this one at

http://www.walterzorn.com/tooltip/tooltip_e.htm entitled "JavaScript, DHTML Tooltips"

I found this very easy to use - all i had to do was insert one piece of javascript at the bottom of the page and then use a mouseover effect. The mouse effect also has a ton of custom options so that I could change what I needed like: the font size, background color, border size and color, dropshadow color and size, width, textalignment, etc.

You can view what I did here: http://home.n2pub.com/contact.new.php or in the future it might just be http://home.n2pub.com/contact.php