Problem z menu poziomym

[dahel]

Witam. Przedmiot problemu znajduję się tu:
http://jadda.pl/test/
(treść to tylko przykład, stąd takie bzdury).
A problem wygląda tak:
Po najechaniu na pozycje "Produkty" w menu rozwija się podmenu i przesuwa treść diva znajdującego się poniżej. Chciałbym wiedzieć co zrobić, by ta treść się nie przesuwała.
Kolejnym problemem jest to, że gdy szybko "przejedzie się" kursorem po pozycji "Produkty" w menu, podlista rozwija się, ale już nie zwija. Co robić?
Tak wygląda skrypt w jQuery:

Kod:

$(function(){
    $('ul#menu li').hover(function(){
        $(this).find('ul').not(':animated').fadeIn(100);
    },function(){
        $(this).find('ul').not(':animated').fadeOut(50);
    });
})

[Kartofelek]

1) Brak stylowania.
- LI głównej listy powinno mieć position:relative;
- podlisty powinny mieć position:absolute; left:0; top:wysokośćGłównejListy
2) na logikę. not(':animated') wyszukuje tylko te nie animowane. czyli twoja jeszcze animowana lista nie podlega pod fadeOut .
http://doman.art.pl/kursjs/kurs/jquery/jquery.html#animacja - do przeczytania (tam gdzie są niebieskie prostokąty)

[dahel]

o to mnie chodziło, teraz jest rewelacja. Dzięki wielkie, długo się z tym gryzłem.