[JS][css] div blok dokladnie pod obiektem Opcje

[matchor]

Witam mam problem otoz chce zrobic cos w rodzaju drop downa czy rozwijanej listy z tym ze nie <select> a diva. Chodzi mi o to ze klikam na jakis wyraz w tekscie na stronie i w momencie klikniecia dokladnie pod tym wyrazem (wzglednie obrazkiem ) pojawia sie blok zawierajacy jakas tam tresc, klikam 2 raz i blok znika.

obecnie mam taki skrypckik JS

[HTML] pobierz, plaintext 
<script LANGUAGE="JavaScript">
var refer=true;
function combo() {
if (refer) {
  document.all.contents.style.visibility="visible";
  refer=false;
}
else {
  document.all.contents.style.visibility="hidden";
  refer=true;
}
}
</script>
[HTML] pobierz, plaintext 

i wywolanie

[HTML] pobierz, plaintext 
<div>
     <font face="verdana" size="2"> tekst</font>
     <img src="img/arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td>
 
       <div id="contents" style="position:absolute; left:?px; bottom:?px; width:?px; height:?px; z-index:1 visibility:hidden">
        <font face="verdana" size="2">
         jakis tekst nalezacy do boksa<br>
         <a href="#" target="_blank"> jakis link</a><br>
        tresc<br>
        </font>
       </div>
 
</div>
[HTML] pobierz, plaintext 

problem w tym ze ten boks pojawia sie za rysunkiem w tym przypadku a zalezy mi zeby pojawial sie dokladnie pod.

Jest jakis sposob na pobranie pozycji elementu i przekazanie jej do innego (tego diva) (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)