Image-Maps - Probleme mit dem IE7/8/9

[festlando]

Hallo zusammen


Ich habe ein ärgerliches Problem mit Image-Maps in sämtlichen IEs. Aufbau:

<img src="http://xhtmlforum.de/images/180px-Bradypus.jpg" usemap="#green" border="0">
    <map name="green" >
                <area shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html">
        <area shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html">
        <area class="tipper" rel="{content:'tipContainer1'}" shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html">            
    </map>
    
    <div class="tipContainer" id="tipContainer1" style="width: 200px;" >
               <h3>Ringstrasse / Lagerflächen</h3>        
    </div>

Die Area passt soweit. Die steckt er gut ab und ist auch klickbar und alles. Nur liegt das "map" leicht überhalb der eigentlichen definierten shape mit den Koordinaten. Ist das normal? Das Problem ist, dass mein Tooltip mittels Mootools-Library sich am map orientiert und deshalb über der eigentlichen Shape liegt. Wieso ist das map im IE verschoben??? Muss ich das via CSS stylen? Wie kann ich <map> + <area> deckungsgleich übereinanderlegen im IE? :roll:


Was mach ich falsch? übersehe ich etwas? Man teste im Firefox und IE: Unbenanntes Dokument


Wo liegt das Problem?


Danke für die Hilfe!


Anforderung wäre: Das mein Teil auch im IE an der richtigen Stelle overlayed und nicht verschoben in die Shape rein ragt.