$(document).ready(function() {     
	$('ul#nav > li').hover(
		function() {
			$('ul:first', this).fadeIn(300);
			$('ul:first', this).css('left', $(this).position().left);
		},
		function() {
			$('ul:first', this).hide();
		}
	);

	$('ul#nav li li').hover(
		function() {
			$('ul:first', this).each(function() {
					$(this).css('top', $(this).parent().position().top);
					$(this).css('left', $(this).parent().position().left + $(this).parent().outerWidth() );
					$(this).show();
			});
		},
	
		function() {
			$('ul:first', this).hide();
		}
	);
});