DIV bei onmousout nicht ausblenden, wenn man auf diesem ist

[Frank1985]

Hallo,
ich habe ein einziges div für mehrere Tabellenzellen, welches immer mit spezifischem Content per AJAX für diese Zelle gefüllt werden soll.

Das Problem ist allerdings, wenn ich jetzt über die Zelle gehe, dann erscheint das div mit onmouseover, soweit so gut.
Wenn ich allerdings auf das div gehen möchte, wo jetzt der Inhalt geht, verschwindet es, weil ich es bei onmouseout wieder verstecke.

Das Problem ist jetzt allerdings, dass ich nicht weiß, wie ich das umgehen kann - wenn man auf dem div ist, das es angezeigt wird und wenn man dieses verlässt bzw. die Zelle verlässt wieder ausgeblendet wird.

Mein Code für eine Zelle:
<td style="color : blue" onmouseover="show(this)" onmouseout="hide()">Zelleninhalt</td>

dann hab ich halt im Code noch das div (ist nicht in der Zelle definiert!)
<div id="test">Nachricht</div>
mit folgendem CSS:
div#test{
 position : absolute;
 display : none;
 border:1px solid #C0C0C0;
 visibility : hidden;
}
und natürlich noch zwei javascript funktionen show und hide:
function show(element){
   document.getElementById("test").style.visibility = "visible";
   document.getElementById("test").style.display = "block";
   document.getElementById("test").style.top = (element.offsetTop+element.offsetHeight)+"px";
   document.getElementById("test").style.left = element.offsetLeft+"px";
}
function hide(){
   document.getElementById("test").style.visibility = "hidden";
   document.getElementById("test").style.display = "none";
}

also für eine Hilfe wäre ich sehr dankbar, weil ich da auch keinen richtigen Ansatz für finde.

MfG
Frank