You need then to have something like this:
<script language="JavaScript">
var isOffMenu=true;
var isOffButton=true;
function showPopup(elemID){
document.all[elemID].style.visibility="visible"
}
function hideMenu(elemID){
if(isOffMenu && isOffButton)
document.all[elemID].style.visibility="hidden";
else{}
}
</script>
Then add to your image's onMouseover=";isOffButton=false
showPopup('menuid')" and to its onMouseOut=";isOffButton=true;hideMenu('menuid')"
for the menu make sure it overlaps slightly so that there is no gap when rolling between the button and the menu, otherwise it will disappear before you get there!1 pixel is enough overlap!
and add to menu:
onMouseOver=";isOffmenu=false" and onMouseOut=";isOffmenu=true;hideMenu(menuid)"
This will only work in IE by the way. elemID is the ID of your menu element, and it should be [sig][/sig]