<script language="javascript" type="text/javascript">
function missde(o){
k=document.getElementById("menu").style
k.display=""
k.pixelTop=o.offsetHeight+o.offsetTop+1
k.pixelLeft=o.offsetLeft
}
function no(){
document.getElementById("menu").style.display="none"
}
</script><center><div style="background-color:#000;width:100px;height:30px" onmouseover="missde(this)" onmouseout="no()">d</div></center>
<div id="menu" style="border:1px solid #ff0000;width:100px;height:30px;position:absolute;zIndex=100;display:none">d</div>
function missde(o){
k=document.getElementById("menu").style
k.display=""
k.pixelTop=o.offsetHeight+o.offsetTop+1
k.pixelLeft=o.offsetLeft
}
function no(){
document.getElementById("menu").style.display="none"
}
</script><center><div style="background-color:#000;width:100px;height:30px" onmouseover="missde(this)" onmouseout="no()">d</div></center>
<div id="menu" style="border:1px solid #ff0000;width:100px;height:30px;position:absolute;zIndex=100;display:none">d</div>
function missde(o){
t=document.getElementById("menu")
k=t.style
k.display=""
k.pixelTop=o.offsetHeight+o.offsetTop+1
k.pixelLeft=o.offsetLeft+(o.offsetWidth-t.offsetWidth)/2
}
function no(){
document.getElementById("menu").style.display="none"
}
</script><div style="background-color:#000;width:100px;height:30px" onmouseover="missde(this)" onmouseout="no()">d</div><div id="menu" style="border:1px solid #ff0000;width:50px;height:30px;position:absolute;zIndex=100;display:none">d</div>