Скорость выпадающего меню

Добрый день! Есть на сайте менюшка JS в виде выпадающего списка. Подскажите, плиз, как можно отрегулировать скорость ее "выпадения"? Необходимо более плавное).

Код JS и CSS:

//////////////////////////////////////////////////////////////////////////////////////////////////

<script type="text/javascript">

jsHover = function() {

var hEls = document.getElementById("nav").getElementsByTagName("LI");

for (var i=0, len=hEls.length; i<len; i++) {

hEls.onmouseover=function() { this.className+=" jshover"; }
hEls.onmouseout=function() { this.className=this.className.replace(" jshover", ""); }

}
}
if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);
</script>

<style type="text/css">
<!--
#nav ul {
margin: 0px;
padding: 0px;
list-style:none;
width:334px;

}
#nav ul li {
position: relative;
border-bottom:1px solid #ccc;
}

#nav li ul {
position: relative;
left: 0px;
top: 20;
display: none;

}
#nav ul li a {
display: block;
text-decoration: none;
color: #000000;
font-family: Verdana;
font-size: 14px;

background: #fff;
padding: 5px;
}
#nav li:hover ul, #nav li.jshover ul {
display: block;
}

#nav li:hover a, #nav li.jshover a {
font-family: Verdana;
font-size: 14px;

color:#FFFFFF;
background-color:#A50F01;
}

#nav li:hover ul a:hover, #nav li.jshover ul a:hover {
font-family: Verdana;
font-size: 14 px;

background-color:#cccccc;
background-image:none;
color:#FFFFFF;
}
///////////////////////////////////////////////////////////////////////////////////

Код меню:

//////////////////////////////////////////////////////////////////////////////////////

<div id="nav" valign="top">
<ul>
<li><a href="index.html">История бренда “Генацвале”</a></li>
<li><a href="index.html"><strong>Интервью с коммерческим директором
Андреем Тальниковым</strong></a></li>
<li><a href="index.html">Технология успеха</a>
<ul>
<li><a href="index.html"> - грузинская кухня и здоровое питание</a></li>
<li><a href="index.html"> - высокий уровень сервиса</a></li>

<li><a href="index.html"> - стиль и атмосфера</a></li>
<li><a href="index.html"> - развлекательные программы</a></li>

<li><a href="index.html"> - безопасность гостей</a></li>
<li><a href="index.html"> - политика продвижения</a></li>
</ul>
</li>
<li><a href="index.html">Фото</a> </li>
<li><a href="index.html">Видео</a> </li>
<li><a href="index.html">СМИ о ресторанах “Генацвале”</a> </li>
<li><a href="index.html">Благотворительность</a> </li>
<li><a href="index.html">Грузинские традиции в России и в мире</a> </li>

</ul>
</div>