Need help using image map with CSS

[Storyman]

The good news is that this only needs to work in IE. The image is of a toolbar. An image map for each of the icons has been created (icons: Back, Forward, Previous, and Next).

The idea is that when a user hovers over one of the image maps a description appears and when the pointer moves off the image map the description disappears. Almost like the ALT tag--except that it needs to be more immediate than the time it takes for the ALT tag to appear.

Searching the Internet for an solution has only managed to confused more than before.

Can anyone recommend a tutorial? Or suggest a way to make a layer appear for each image.

<img name="images/toolbar" src="images/toolbar.gif" width="647" height="72" border="0" usemap="#m_toolbar" alt="">
<map name="m_toolbar">
<area shape="rect" coords="0,26,50,72" href="#" alt="Back" >
<area shape="rect" coords="50,26,107,72" href="#" alt="Forward" >
<area shape="rect" coords="107,26,164,72" href="#" alt="Previous" >
<area shape="rect" coords="164,26,213,72" href="#" alt="Next" >
</map>

[music_man]

Only needs to work for IE! My my. Ok. Well as far as I know, IE supports the "title" tag for images - so <area shape="rect" coords="50,26,107,72" href="#" alt="Forward" title="Forward" > but I don't think it is as immediate as you want.

Tooltips is probably the thing you are looking for - but you will be devling into javascript, dhtml or flash for this.

Seeing as I can't post urls - google this: "dhtml tooltip" and check those out.