JonB

Javascript:

function getPos (obj) {
    var pos = {x: obj.offsetLeft||0, y: obj.offsetTop||0};
    while(obj = obj.offsetParent) {
        pos.x += obj.offsetLeft||0;
        pos.y += obj.offsetTop||0;
    }
    return pos;
}

function toggle(object,x,y) {
    if(document.all[object].style.visibility=='hidden'){
        document.all[object].style.posLeft = x+5;
        document.all[object].style.posTop = y+15;
        document.all[object].style.visibility = 'visible';
    } else { 
        document.all[object].style.visibility='hidden'; 
    }
}

HTML:

<div style="cursor:hand;" onMouseOver="if(document.lastmenu){ document.all[document.lastmenu].style.visibility='hidden'; } toggle('menu_main',getPos(this).x,getPos(this).y); document.lastmenu='menu_main';">Order Tools</div>

<div id=menu_main style="position:absolute;left:0;top:0;visibility:hidden;" onMouseOut="if(!this.contains(event.toElement))this.style.visibility='hidden';">This is the box that should appear</div>