$(document).ready(function() {
        $('ul#nav > li').hover(function() {
          $('ul:first', this).show();
        },
        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().width() );
            $(this).show();
          });
        },
        function() {
          $('ul:first', this).hide();
        });
      });