DIV über eingebettetes SVG legen?!

[Stephan]

Hallo zusammen!

Ich habe folgendes Problem:

Ich habe eine HTML-Datei mit eingebetteter SVG-Datei. Nun habe ich in der HTML Datei ein DIV, welches als Tooltip dienen soll und dynamisch mit Inhalt gefüllt wird.
Soweit so gut, das mit dem Füllen usw. funktioniert auch, leider wird das DIV hinter dem SVG-Element plaziert und ich weiß nicht wie man es davor kriegt. An den Ecken kann man diesen Effekt genau beobachten, wie sich das DIV hinter das SVG schiebt, wenn man mit der Maus in Richtung der Mitte des SVGs steuert.

Hier mal die Codeschnipsel:
------------------------------------------------------------
...

<div id="ToolTip" style="z-index:1;"></div>

...

<embed width="100%" height="100%%" src="karte.svg" NAME="hptkarte" type="image/svg+xml" style="z-index:2;" /> <!--1230 / 500-->

...

------------------------------------------------------------

Wie Ihr seht hab ichs mit dem z-index probiert, welcher aber keine Wirkung zeigt. Wie schaffe ich es also, dass das DIV vor dem SVG-Element erscheint?

mfg Stephan