JQuery IE6 fix for CSS Dropdown Menu

As usual IE6 causing me problems, the lovely CSS controlled dropdown navigation on the latest site i’m working on is fine in all browsers except IE6.

Quick jQuery fix sorted the issue:


function mainmenu(){
$(".navTabs ul li").hover(function(){
$(this).find('ul').css({visibility: "visible",display: "block"}).show(400);
},function(){
$(this).find('ul').css({visibility: "hidden"});
});
$(".navTabs ul li ul li").hover(function(){
$(this).css({background: '#00539f'});
},function(){
$(this).css({background: '#002a5e'});
});
}