Hola encontré este código en los faqs nº 57
-----------------------------------------------
<html>
<head>
<title>Untitled</title>
<script>
var vista = null;
function ver(ide) {
obj = document.getElementById(ide);
obj.style.display = 'block';
if (vista!=null && vista!=obj)
vista.style.display = 'none';
vista = obj;
}
</script>
</head>
<body>
<a href="#" onMouseOver="ver('capa1'); return false" >Capa 1</a>
<a href="#" onMouseOver="ver('capa2'); return false">Capa 2</a>
<div id="capa1" style="display:none">Capa 1</div>
<div id="capa2" style="display:none">Capa 2</div>
</body>
</html>
------------------------------------------------------------------
El problema es que no se como hacer que con onMouseOut la capa desaparexca, es decir que no se vea.