ul#sub.hide();→まずはこれで<ul id="sub"></ul>の部分を隠しておき、
次に、$("ul#menu>li").hover→<ul id="menu">の直下のliを
さわった時(hover)だけアニメーションが実行されるように指定している。
スタイルシートul,li{margin:0; padding:0; z-index:2; position:relative;}
z-index:2; position:relativeを入れないとメニューが全面に来ない。
※z-indexは大きい数字ほど上に表示されるので、
メニューがプルダウンした時、重なりを下にしたい方は上にしたい方より数字を小さくする。