Konkretnie chodzi o taka "chmurke"

Znalazłem w googlach sposob na to: http://www.forum.optymalizacja.com/lofi ... 27678.html (przepraszam za wklejanie linków konkurencji)
Jednak sposób ten nie dokońca działa.
Kod całej strony wygląda następująco:
a wyświetla się coś takiego<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function chmurka(e,v)
{
if(v.title)
{
[manual] var t=document.createElement("div");[/manual]
t.className="chmurka";
t.innerHTML=v.title;v.title="";
v.move=function(e)
{
e=e||event;
t.style.left=e.clientX+50+"px";
t.style.top=e.clientY-40+"px";
}
v.move(e);
document.body.appendChild(t);
v.onmousemove=function(e)
{
v.move(e)
}
v.onmouseout=function(e)
{
v.title=t.innerHTML;
document.body.removeChild(t);
}
}
}
</script>
<style type="text/css">
/* <![CDATA[ */
chmurka {
color:#FFFFFF;
background:#006699;
}
/* ]]> */
</style>
</head>
<body bgcolor="#CCCCCC">
<div class="chmurka">
<a href="www.www.com" title="Opis odnośika" onmouseover="chmurka(event,this)">Odnośnik</a>
</div>
</body>
</html>

Więc moje pytanie brzmi, gdzie jest błąd? lub może znacie inny sposób?
