I think what you want is actually javascript
<html>
<head>
<script type="text/javascript" >
function flip(foo) {
//document.getElementById(foo).style.visibility="hidden";
if( document.getElementById(foo).style.display == "none") {
document.getElementById(foo).style.display="block";
} else {
document.getElementById(foo).style.display="none";
}
}
function show(foo) {
document.getElementById(foo).style.display="block";
return true;
}
function hide(foo) {
document.getElementById(foo).style.display="none";
return true;
}
</script>
</head>
<body>
<div id='menu1' onMouseover="show('menu2'); return true;" >
Select Store
<div id='menu2' style="display:none;" onMouseOver="show('menu2'); return true;" onMouseout="hide('menu2'); return true;">
Store One<br>
Store Two<br>
Store Three<br>
Store Four<br>
</div>
</div>
<br><br>
<br><br>
You have to be careful about browser sniffy. There is something called event bubbling that is a real pain in the neck because each browser impelements it just slightly differently, and it causes adverse affects in the desired behavior.