CSS o. Javascript div Layer einblenden mal anders

[Dieter]

Danke,

dies bringt mich leider nicht weiter.
Bei innerHTML habe ich Probleme mit Formatierungen u. Zeilenumbruch.

Hier z.B.:

  
var offsetx=20  
var offsety=0  
function InfoBoxAusblenden() {  
      document.getElementById('infobox').style.visibility = "hidden";  
}  
function InfoBoxAnzeigen(e,txt,offsetX,offsetY)  
{  
        if (offsetX) {offsetx=offsetX;} else {offsetx=20;}  
        if (offsetY) {offsety=offsetY;} else {offsety=0;}  
        var PositionX = 0;  
        var PositionY = 0;  
        if (!e) var e = window.event;  
        if (e.pageX || e.pageY)  
        {  
                PositionX = e.pageX;  
                PositionY = e.pageY;  
        }  
        else if (e.clientX || e.clientY)  
        {  
                PositionX = e.clientX + document.body.scrollLeft;  
                PositionY = e.clientY + document.body.scrollTop;  
        }  
        document.getElementById("text").innerHTML=txt;  
        document.getElementById('infobox').style.left = (PositionX+offsetx);  
        document.getElementById('infobox').style.top = (PositionY+offsety);  
        document.getElementById('infobox').style.visibility = "visible";  
}  

Müsste nur noch schaffen das dies:

  
		<a id="infobox" class="navitop" onmouseover="InfoBoxAnzeigen(event,'Formatierter Text mit Link ',20,-30);" onmouseout="InfoBoxAusblenden();" href="javascript:void(0)">Bla Bla</a><br>			  

Direkt auf dem Link bleibt, damit man sich mit der Maus in dieser Infobox bewegen kann (Link anklicken, Text markieren zum kopieren usw..).

Egal wie ich es einstelle, diese Infobox rutscht mir immer von der Maus weg u. meine Javascript Kenntnisse waren noch nie gut.

VG
Dieter