Выпадающее меню с задержкой

Приветствую всех и прощу помощи.

Имеется многоуровневое меню на css, нужно сделать так, чтобы при снятии активности оно не исчезало сразу, а через определенный промежуток времени. Меню имеет 4 уровня вложенности, иногда сложно куда-нибудь попасть:)

Пересмотрел много сайтов, ничего не получается, но, чую, я где-то близко:) И скорей всего в этом

$("li:hover").cssmenu({ 

<script type="text/javascript"> 

$(document).ready(function(){ 

$("li:hover").cssmenu({ 

animation: {height:'show'}, 

delay: 1200             

}); 

}); 

</script>

.cssmenu {

        width: 235px;

}

.cssmenu ul {

   padding: 0;

        margin: 0;

   list-style: none;

   position:relative;  

        background-color: #ffffff;

}

.cssmenu li:hover > a {

        background-color: #87CEEB;

}

.cssmenu ul li a {

        position: relative;

        border-bottom:1px solid #ccc;

}

*|html.cssmenu li {

 float: left;

}

.cssmenu li a, .cssmenu li a:visited {

        display: block;

        width: 230px;

        padding-left: 5px;

        color: #000000;

}

.cssmenu li a:hover {

        color: #000000;

}

.cssmenu li ul {

        visibility: hidden;

        position: absolute;

        left: 235px;

        top: 0px;

}

.cssmenu a {

        text-decoration: none;

}

.cssmenu li:hover > ul {

        visibility: visible;

        

}

.cssmenu li:hover {

   position: relative;        

}

Заранее благодарен!