Menu med div

Jeg har denne kode på min side:

<script>
  function visMenu(userid, e) {
    obj = document.getElementById("menu");
    obj.innerHTML = '<a href="enside.php?viewuserid=' + userid + '">Vis en side</a><br><a href="enandenside.php?viewuserid=' + userid + '">Vis en anden side</a>';
    obj.style.left = 10 + ((document.all) ? event.clientX : e.clientX);
    obj.style.top = 3 + ((document.all) ? event.clientY : e.clientY);
    obj.style.visibility = "visible";
  }
  function skjulMenu(e) {
    obj = document.getElementById("menu");
    id = (document.all) ? event.srcElement.id : e.target.id;
    if (obj.style.visibility == "visible" && id != "menu")
      obj.style.visibility = "hidden";
  }
</script>

<div id="menu" class="topictitle" style="visibility: hidden; position: absolute; width: 150px; height: 30px; background-color: #CCCCCC; border: 1px solid black;"></div>

Menuen kalder jeg således:

<a href="#" onClick="visMenu(46, event); return false;">Michael</a>

Jeg kan ikke helst huske hvor jeg har koden fra, men tak til ham der har lavet den.

Menuen virker fint nok, med mindre jeg scroller ned på siden. Så står den et mærkeligt sted, slet ikke der hvor jeg gerne vil have den.

Jeg kan se at den sætter noget left og top, men disse må stå forkert på en eller anden måde???

På forhånd tak.