$(document).ready(function() {
  $('ul#nav > li').hover(function() {
    $('ul:first', this).show(10);
  }, 
  function() {
    $('ul:first', this).delay(100).hide(10);
  });
  $('ul#nav li ul li').hover(function() {
    $('ul:first', this).each(function() {
      $(this).css('top', $(this).parent().position().top);
      $(this).css('left', 100 /*$(this).parent().position().left + $(this).parent().width() */ );
      $(this).show(400);
    });
  },
  function() {
    $('ul:first', this).delay(100).hide(10);
  });
});