Вопрос по jquery

Подскажите, имеетеся

<script type="text/javascript">
$(document).ready(function() {
$("#podmenu_n").hide();
$("#podmenu_g").hide();
$("#podmenu_s").hide();
$("#m-news,#podmenu_n").mouseenter(function() {$("#podmenu_n").fadeIn('fast');})
$("#m-news,#podmenu_n").mouseleave(function() {$("#podmenu_n").delay(500).fadeOut('fast');})
$("#m-games,#podmenu_g").mouseenter(function() {$("#podmenu_g").fadeIn('fast');})
$("#m-games,#podmenu_g").mouseleave(function() {$("#podmenu_g").delay(500).fadeOut('fast'); })  
$("#m-states,#podmenu_s").mouseenter(function() {$("#podmenu_s").fadeIn('fast');})
$("#m-states,#podmenu_s").mouseleave(function() {$("#podmenu_s").delay(500).fadeOut('fast'); })  
});
</script>

Обычное подменю

Проблема в том, что при переводе мышки от #m-news к #podmenu_n через некоторое время подменю исчезает и появляется вновь

Как сделать так, чтобы этого небыло?

Подскажите плиз