Menu desplegable

Como siempre llevo una hora buscando y no encuentro a respuesta :S.

Resulta que tengo un menu, con subsecciones que en onmouseover sobre un item del principal me da visibilidad a una capa que contiene el submenu:
<code>
&lt;ul id="navList"&gt;&lt;li&gt;&lt;a href="#"&gt;Inicio&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#presentation" onclick="setVisible('presentation'); return false;" onmouseover="showSubMenu('subMenu1');"&gt;Informaci&amp;oacute;n&lt;/a&gt;
&lt;div id="subMenu1" class="subNav" onmouseout="hideSubMenu('subMenu1');"&gt;&lt;ul id="subNavInformation"&gt;
&lt;li&gt;&lt;a href="#services" onclick="setVisible('services'); return false;"&gt;Servicios a empresas&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#information" onclick="setVisible('information'); return false;"&gt;Localización y contacto&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#map" onclick="setVisible('map'); return false;"&gt;Situación&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;/div&gt;&lt;/li&gt;</code>
hasta ahi bien, y furula guay, pero resulta que si voy a navegar por el submenu e intento entrar en alguno de los item del mismo, la capa se me deja de ver, yo pienso que es porque el navegador interpreta que estoy saliendo de la capa.
<code>
function showSubMenu(id) {

if(IE)
document.getElementById(id).style.display='block';
}

function hideSubMenu(id) {

if(IE)
document.getElementById(id).style.display='none';
}
</code>
saben como puedo evitar esto, me interesa arreglarlo para IE, para mozilla y otro ya furula (a través de css)[/quote]