Hallo zusammen,

ich möchte bei einem ImageMap einen CSS Tooltip einfügen. Ich habe folgenden Code:

<style type="text/css">
#tooltip a {margin:0 10px; position:relative; text-decoration:none;}
#tooltip a:hove {position:relative; z-index:1;}
#tooltip a span {display: none;}
#tooltip a:hover span {display: block; position: absolute; z-index:1;
           top: 0px; left: 130px; width: 175px; background: yellow; color: black;
           padding: 10px 7px; font-size: 0.8em;  border:1px solid black;}
</style>

In einem normalen Link geht alles bestens:

<p id="tooltip"><a href="#">Test<span>Infotest</span></a></p>

Aber wie baue ich das bei einem ImageMap ein? Da gibt es ja nicht <a></a>

<map name="imgMap">
<area shape="rect" coords="249,318,345,333" href="#" alt="">
</map>

<img src="img.gif" width="600" height="450" alt="" usemap="#imgMap">

Danke im voraus..

Stefan