TimeOut en un menu desplegable

[lizfranco]

Hola todos.

Tengo un menu desplegable que realice con CSS. El menu consiste en listas usando <UL><LI> y en para los efectos de mouseover uso en los estilos display:none; display:block;

El menu me funciona bien. Pero el mouseout me funciona muy rapido.
He leido un poco sobre el setTimeOut en el foro y esta parece ser la respuesta. Pero no se como usarlo!

El menu mas o menos lo tengo asi:

Código HTML:

<div id="navbar">
<ul id="navigation">
<li class="ouler"><a class="nav1">Item1</a>
<ul class=inner>
<li class="inner"><a class="nav2">Item1.1</a></li>
<li class="inner"><a class="nav2">Item1.2</a></li>
</ul>
</li>
</ul>
</div> 

Como y que tengo que hacer para declarar el setTimeOut de tal manera que el menu se desaparezca despues de unos 3 segundos?

Gracias de antemano!
Liz

[JavierB]

Hola lizfranco

Supongo que tendrás algo así:

onmouseout = 'ocultar';

cambialo por:

onmouseout = "setTimeout('ocultar()',3000)";

Espero que te sirva. Saludos,

[lizfranco]

Hola JavierB
Gracias por tu pronta respuesta.

No, no uso ningun onmouseover() ni onmouseout()
Uso css para hacer el efecto de onmouseover.

Por eso me pregunto:

<li><a href="page.htm" onmouseout = "setTimeout('que_debo_poner_aca',3000)">item1</a></i>

Gracias!!
Liz

[lizfranco]

Hola,
he intentado con algo como:

onMouseOut="setTimeOut(list7.style.display='none', 3000)"

pero no me funciona... se me desaparece el menu igual de rapido como si no tuviera un setTimeOut...