Pop Up Menu

Ja pouzivam hover :)

Rolovaci - csshover.htc

body {behavior: url("csshover.htc");}
.lista14 A
{display: block; text-decoration:none;}
.lista14 .hlmenu, .lista14 B
{float: left; clear: none; width: 100px;}
.lista14 .hlmenu A {width: 96px; text-align: center;}
.lista14 .ppmenu
{ position: absolute; width: 94px;}
.lista14 .ppmenu A {width: 94px;}
.lista14 .pppmenu A {width: 90px;}

.lista14 .hlmenu .ppmenu
{display: none;}
.lista14 .hlmenu:hover .ppmenu
{display: block;}


<div class="lista14">
<B>! Lista 14:</B>

<div class="hlmenu">
<div class="ppmenu">
<A class="vybrane" href="#">MENU A</A>
<div class="pppmenu">
<A href="#">odkaz 1a</A>
<A href="#">odkaz 1b</A>
<A href="#">odkaz 1c</A>
</div></div>
<A href="#">MENU A</A>
</div>



....co se tyce toho tveho....
function getPositionByID(id){
obj = document.all(id);
... uloz pointer prvku do promenne OBJ
objLeft = obj.offsetLeft;objTop = obj.offsetTop;
... uloz souradnice polohy prvku v OBJ do promennych
}

function popUp(menuName,on) {
if (on) {
moveLayers(menuName); ???

document.all[menuName].style.visibility = "visible";
} else {
document.all[menuName].style.visibility = "hidden";
... zmeni vlastnost CSS visibility na visible/hidden , viz www.jakpsatweb.cz sekce CSS vlastnost VISIBILITY vprav ze sloupce
}
}

function moveLayers(id) {
getPositionByID(id+"Parent")
...nacti polohu
document.all[id].style.pixelTop = objTop+18 ;
... posun o +18 dolu
document.all[id].style.pixelLeft = objLeft+5;
... posun o +5 vlevo
}

Jak to mas, tak je to pekne osklivy script, protoze nevis, jak se ti to bude chovat ve Firefox nebo nejakem starsim prohlizeci. Ten muj behaviour je odzkouseny, vyladeny a prave pro IE a podobne... :)