Can anyone give me a script for a drop down menu that doesnot causes the whole page to push down...
<div id="menuID"
style="background:#f00; color:#fff; border:1px solid black;
width:15em; position:absolute; z-index:10;"
onmouseover="elem=getElementById('submenuID');
elem.style.top=this.offsetTop + this.offsetHeight + 1 + 'px';
elem.style.display='block';"
>
This is your menu
</div>
<div id="submenuID"
style="background:#f03333; color:#fff; border:1px solid black;
width:15em; position:absolute; z-index:10; display:none;"
onmouseover="this.style.background='#00f';"
onmouseout="this.style.display='none';"
>
This is your submenu
</div>