check this page for example.

www.universidadedoingles.com.br/dev

when you hover the menu HOME, there is a drop down menu and an arrow, on Chrome, FF and Safari it works like a charm, but in IE when you are hovering the link in the drop down, the arrow blinks.

This is the code I am using for the drop down and the arrow.

2.  $(document).ready(function() {   
3. $("ul.mainmenu li.home").mouseover(function(){ //When mouse over ...
4.      //Following event is applied to the subnav itself (making height of subnav 150px)
5. $(this).find('.submenu').show().animate({"height": "210", "opacity":"1"},{queue:false, duration:230});
6. $('.arrow-spacer').show();
7. });
9. $("ul.mainmenu li.home").mouseout(function(){ //When mouse out ...
10. //Following event is applied to the subnav itself (making height of subnav 0px)
11. $(this).find('.submenu').stop().animate({"height":"0px", "opacity":"0.2"},{queue:false, duration:200});
12. $('.arrow-spacer').hide();
13. });

In the mouseout function, If I change from hide() to stop(), there is no blinking, but the arrow doesn't disappear after I leave the mouse.

I hope I made myself clear enough.

Thank you guys.