$(document).ready(function() {
    $("#Nav > li").hover(function(event) {
        event.preventDefault();
		if($.browser.webkit){
			$(this).find("ul").show(); 
			return; 
		}	
        $(this).find("ul").css({
            display: "block",
            opacity: 0,
            width: "400px"
        }).stop(true).animate({
            opacity: 1
        }, 500, null, function() {
            $(this).show(); 
        });
    }, function(event) {
        event.preventDefault();
        var ul = $(this).find("ul");
        if($.browser.webkit){
			ul.stop(true).hide(); 
			return; 
		}
        ul.stop(true).animate({
            opacity: 0
        }, 500, function() {
            $(this).css("display", "none"); 
        });
    });
});
 
