Far Scomparire o Apparire un Div

[balsamico]

Ecco quello che non capisco � come dire tramite css di nascondere il div 2 quando passo sopra il div 1. La sintassi

Qualcosa del genere.
<script>
function show(id) {
document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
document.getElementById(id).style.visibility = "hidden";
}
</script>

<div onMouseOver="hide('div2')" onMouseOut="show('div1')">
<div id="div1">Div 1</div>
</div>
<div onMouseOver="hide('div1')" onMouseOut="show('div2')">
<div id="div2">Div 2</div>
</div>