Moving Layer

<head>
<style type=\"text/css\">
<!--

#pup {
        position:absolute;
        visibility:hidden;
        z-index:200;
        width:130;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #000000
}

#h1 { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000
}

//-->
</style>






</head>

<body>

<script type=\"text/javascript\">

var Xoffset=-60;                                       
var Yoffset= 20;
var popwidth=200;                                                                           

// create content box
document.write(\"<DIV ID=\'pup\'></DIV>\");

// id browsers
var iex=(document.all);
var nav=(document.layers);
var old=(navigator.appName==\"Netscape\" && !document.layers && !document.getElementById);
var n_6=(window.sidebar);

// assign object
var skin;
if(nav) skin=document.pup;
if(iex) skin=pup.style;
if(n_6) skin=document.getElementById(\"pup\").style;

// park modifier
var yyy=-1000;

// capture pointer
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener(\"mousemove\",get_mouse,true);
if(nav||iex)document.onmousemove=get_mouse;

// set dynamic coords
function get_mouse(e)
{
  var x,y;

  if(nav || n_6) x=e.pageX;
  if(iex) x=event.x+document.body.scrollLeft;
 
  if(nav || n_6) y=e.pageY;
  if(iex)
  {
    y=event.y;
    if(navigator.appVersion.indexOf(\"MSIE 4\")==-1)
      y+=document.body.scrollTop;
  }

  if(iex || nav)
  {
    skin.top=y+yyy;
    skin.left=x+Xoffset;
  }

  if(n_6)
  {
    skin.top=(y+yyy)+\"px\";
    skin.left=x+Xoffset+\"px\";
  }   
  nudge(x);
}

// avoid edge overflow
function nudge(x)
{
  var extreme,overflow,temp;

  // right
  if(iex) extreme=(document.body.clientWidth-popwidth);
  if(n_6 || nav) extreme=(window.innerWidth-popwidth);

  if(parseInt(skin.left)>extreme)
  {
    overflow=parseInt(skin.left)-extreme;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+\"px\";
  }

  // left
  if(parseInt(skin.left)<1)
  {
    overflow=parseInt(skin.left)-1;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+\"px\";
  }
}

// write content & display
function popup(msg)
{

  var content=\"<TABLE WIDTH=\'200\' BORDER=\'0\' BORDERCOLOR=\'#000000\' CELLPADDING=\'0\' CELLSPACING=\'1\' BGCOLOR=\'#000000\' BGCOLOR=\'#000000\'><TR><TD ALIGN=\'center\'><TABLE  WIDTH=\'198\' BORDER=\'0\' BORDERCOLOR=\'#000000\' CELLPADDING=\'4\' CELLSPACING=\'0\' BGCOLOR=\'#FFFFFF\' BGCOLOR=\'#FFFFFF\'><TR><TD ALIGN=\'left\'><FONT><span id=\'h1\'><center>\"+msg+\"</center></span></FONT></TD></TR></TABLE>\";
  if(old)
  {
    alert(msg);
    return;
  }
 
  yyy=Yoffset;
  skin.width=popwidth;

  if(nav)
  {
    skin.document.open();
    skin.document.write(content);
    skin.document.close();
    skin.visibility=\"visible\";
  }

  if(iex)
  {       
    pup.innerHTML=content;
    skin.visibility=\"visible\";
  } 

  if(n_6)
  { 
    document.getElementById(\"pup\").innerHTML=content;
    skin.visibility=\"visible\";
  }
}


// park content box
function kill()
{
  if(!old)
  {
    yyy=-1000;
    skin.visibility=\"hidden\";
    skin.width=0;
  }
}

//-->
</script>

<a href=\"sdgdfg\" onmouseover=\"popup(\'Popup<br>Top Leftasdfasdf\')\" onmouseout=\"kill()\"> mouseover>HERE</a><br>

</body>

Det dét.