I am trying to create a flyout menu which works with hovering. The user hovers over an <li> item which reveals a div which is positioned directly underneath the li.

This is my code for the showing and revealing of the div.

 $("#portaltab-games").hover(function() {
                 $("#games-flyout").slideDown('fast').show();
                   $(this).parent().hover(function() {
                     }, function(){ 
                         $("#games-flyout").slideUp('fast');
                     });
                       
                 });

So #portaltab-games is the li item which you hover over to reveal the flyout div whic his #games-flyout. It works perfectly in FF. However in i.e 7 I am getting really strange behavior when the I hover over the div which has just appeared, it continously plays over the slideDown and slideUp functions as though the event is being called over and over again. I end up getting a flickering effect of the div... Any ideas?