Ocultar Layer

[*_Charles Potter_* 1]

Bele gente, tipo to fazendo um script para quando passar o mouse em cima de alguma palavra especifica exibe abaixo da palavra um menu, mas tipo quando a pessoa passa o mouse em cima deste menu ele oculta. Oserve o código:

<script>function getposOffset(what, offsettype){ var totaloffset = (offsettype=="left") ? what.offsetLeft : what.offsetTop; var parentEl = what.offsetParent; while(parentEl != null) { totaloffset = (offsettype=="left") ? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl = parentEl.offsetParent; } return totaloffset;}function show(){ e = document.getElementById('fd'); d_top = getposOffset(e, "top"); d_left = getposOffset(e, "left"); d_altura = e.offsetHeight; d_largura = e.offsetWidth; f = document.getElementById('Layer1'); f.style.display = ''; f.style.left = d_left; f.style.top = d_top+d_altura; }function hide(){ f = document.getElementById('Layer1'); f.style.display = 'none';}</script><div id="Layer1" style="position:absolute; left:375px; top:195px; width:126px; height:72px; z-index:101; background-color: #FFCC99; layer-background-color: #FFCC99; border: 1px none #000000; display:none"></div><p><a href="java script:;" id="fd" onMouseOver="show()" onMouseOut="hide()">Tste</a> </p>

Como fazer para ao passar o mouse no Link "tste" exibir abaixo o div "layer1" e este mesmo div permanecer até que a pessoa tire o mouse de cima do layer.

[Otata 4]

beleza....fiz umas modificações..

<script>var manter = false;//Otata: var que verifica se a div deve ser mantida visivelfunction getposOffset(what, offsettype){var totaloffset = (offsettype=="left") ? what.offsetLeft : what.offsetTop;var parentEl = what.offsetParent;while(parentEl != null){totaloffset = (offsettype=="left") ? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;parentEl = parentEl.offsetParent;}return totaloffset;}function show(){e = document.getElementById('fd');d_top = getposOffset(e, "top");d_left = getposOffset(e, "left");d_altura = e.offsetHeight;d_largura = e.offsetWidth;f = document.getElementById('Layer1');f.style.display = '';f.style.left = d_left;f.style.top = d_top+d_altura;}function hide(){  if(manter == false){	f = document.getElementById('Layer1');	f.style.display = 'none';  }}// Otata:para que mantenha ou não a div visivelfunction Div(){  if(manter == false)	manter = true;  else	manter = false}</script><div onMouseOver="Div()" onMouseOut="Div();setTimeout('hide()','1000')" id="Layer1" style="position:absolute; left:375px; top:195px; width:126px; height:72px; z-index:101; background-color: #FFCC99; layer-background-color: #FFCC99; border: 1px none #000000; display:none"></div><p><a href="java script:;" id="fd" onMouseOver="show()" onMouseOut="setTimeout('hide()','1000')">Tste</a> </p>