img mit usemap unter canvas, und trotzdem klickbar?

[Anderl]

Hallo,

Ich habe ein img, welches mit einer usemap versehen ist, um verschiedene Bereiche anklicken zu können.
Nun möchte ich auf das Bild mittels javascript zeichnen, um mir die Klickbaren Bereiche farblich einzuzeichnen, daher habe ich mir eine canvas darüber gelegt. Nun habe ich allerdings das Problem, dass die Canvas meine map / area verdeckt, und ich diese nichtmehr anklicken kann.

Meine Seite ist folgendermaßen strukturiert:

  
<div id="image">  
    <img id="picture" src="" alt="" usemap="#areas" />  
    <map id="areas" name="areas">  
    </map>  
</div>  
<canvas id="canvas">  
</canvas>  

  
#image, #canvas{  
	height: 600px;  
	width: 800px;  
	position: absolute;  
}  

Wie kann ich erreichen, dass ich über das Bild zeichnen kann, aber dennoch die Bereiche im Bild anklicken kann?

vielen Dank im voraus!
lg,
Anderl