Problemas com behaviors

Eu não consigo fazer com que ele funcione como deve ser.

Eis um extracto

CODE

<div id="menu1">
 <div align="center">MENU 1 </div>

</div>

<div id="menu2" onmouseover="MM_showHideLayers('menu2sub1','','show','menu2sub2','','show')">

 <div align="center">MENU 2 </div>

</div>

<div id="menu2sub1" onmouseover="MM_showHideLayers('menu2sub1','','show','menu2sub2','','show')">

 <div align="center">SUB MENU 01 </div>

</div>

<div id="menu2sub2" onmouseover="MM_showHideLayers('menu2sub1','','show','menu2sub2','','show')" onmouseout="MM_showHideLayers('menu2sub1','','hide','menu2sub2','','hide')">

 <div align="center" onmouseover="MM_showHideLayers('menu2sub1','','show','menu2sub2','','show')">SUB MENU 02 </div>

</div>

<div id="layer"></div>

Como é faço para funcionar devidamente ?

Quando passo o mouse pelo MENU2 ele mostra os SUBMENUS.

*Quando Desco o mouse para o SUBMENU1 ele continua a mostrar os 2 SUBMENUS.

CASO : Se por ventura eu movimentar o cursor para o lado esquerdo/direito/cima/diagonal/ é suposto ele fechar os submenus. O que fazer neste tipo de caso ?

*Quando a pagina inicia para fazer o teste os submenus ficam visiveis. Como esconder eles ?