$(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();

  });

});