Mouse-over Text on an Image Map

See more:

Javascript

CSS

HTML

I've self-studied html and css for a few weeks now, and am in the process of creating a website.

My site will contain an image map, and I want that map to show text when the user mouses over different parts of the map.

I'm currently relying on the 'title' attribute to display the text as a tooltip, but there's a delay between the mouse-over and the text appearing.

If you have some way to make the text appear immediately on the mouse-over, that would be sufficient.
Going the extra mile would be finding some way to customize how the text is displayed on mouse-over (i.e. fonts, background colour, box border). I've seen this on the site: www.milliondollarhomepage.com , but that might be too complex for me to understand.

Help is appreciated :)