[HTML][JavaScript][CSS]Problem z "chmurką" w menu, Problem Opcje

[McGiorgio]

Kolega poprosił mnie o pomoc z menu jego strony, robiłem kilka lat temu coś podobnego ale przy całkowicie innej konstrukcji menu, opisuje w czym problem.

Kiedyś dawno temu zbudował sobie menu o następującej, dość kijowej, konstrukcji:

[HTML] pobierz, plaintext 
 
<div class="menu_top_box1"onmouseover="this.className='menu_top_box1_clic';" onmouseout="this.className='menu_top_box1';" onclick="self.location.href='?page=klan';" title="Na tej stronie znajdziesz informacje na temat naszego klanu.">KLAN</div>
 
[HTML] pobierz, plaintext 

Jak zapewne się domyślacie menu działa dobrze.

Teraz wpadliśmy na pomysł aby opisy z title wyświetlały się w chmurce której parametry będą określone w css'sie.

Mamy styl

[HTML] pobierz, plaintext 
<style>
.chmurka {
  position: absolute;
  font-family: Arial, Helvetica;
  color: #222222;
  font-size: 8pt;
  background: #FCF204;
  padding: 3px;
  border: 1px;
  border-style: solid;
  margin-top: 12px;
  margin-left: 8px;
  margin-right: -1000;
}
</style>
[HTML] pobierz, plaintext 

Mamy JavaSript

[HTML] pobierz, plaintext 
<script type="text/javascript">
function chmurka(e,v){
  if(v.title){
    var t=document.createElement("div");
    t.className="chmurka";
    t.innerHTML=v.title;v.title="";
    v.move=function(e){
      e=e||event;
      t.style.left=e.clientX + document.body.scrollLeft+"px";
      t.style.top=e.clientY + document.body.scrollTop+"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>
[HTML] pobierz, plaintext 

Wiem, że normalnie powinno łączyć się to tak

[HTML] pobierz, plaintext 
<p align="right">NAJEDZ TU KURSOREM >>> <a href="#" title="OPIS OPIS" onmouseover="chmurka(event,this)">KLAN</a></p>
[HTML] pobierz, plaintext 

Ale nie ma zielonego pojęcia jak połączyć to z tym menu które już jest więc please help me!