menu Drop Down

Eae pessoal,

Sera q alguem pode me ajudar ???

Fiz um menu drop down com <div> usando o onmouseover e onmouseout deu certo mais eu queria que quando eu tira-se o mouse do menu o Submenu esperaçe um tempo p/ depois desaparecer. Alguem pode me ajudar segue abaixo o código.

--CSS--

<style type="text/css">div#menu{position: relative;display: none;left: 120px;background-color: #fff;border:1px solid #000000;padding: 0px 15px 0px 2px;z-index: 200;}</style>

--CODE--

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] style=" padding-top:10px;" onmouseover="document.getElementById('menu').style.display = 'block';" onmouseout="document.getElementById('menu').style.display='none';" >[url="http-~~-//december.com/html/4/element/a.html"]<a[/url] href="#" >Mapas</a> [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="/img/icons/neutro.jpg" width="5" height="10"></div>
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="menu" onmouseover="document.getElementById('menu').style.display='block';document.getElementById('menu').style.position='absolute';" onmouseout="document.getElementById('menu').style.display='none';">[url="http-~~-//december.com/html/4/element/a.html"]<a[/url] href="5780">Europa</a></div>