Rozwinięcie menu powoduje przesunięcie div'a

Dla specjalistów Webmastering
#1

Witam. Tworzę sobie prostą stronę, której jednym z elementów jest menu rozwijane. Przy jego tworzeniu, posłużyłem się tym tutorialem. Niestety, najechanie na menu powoduje rozjechanie się w dół div’ów znajdujących się poniżej. Ponadto gdy lista menu przekracza pewną wartość, cała strona jedzie odrobinę w lewo.

index.html

style.css

Obrazek 1

Obrazek 2

Jakich zmian dokonać w powyższym kodzie, aby pozbyć się wymienionych problemów?

#2

Powinno wystarczyć:

  • do #menu dopisanie position: absolute;

  • do .me:hover dopisanie position: relative;

Ale sprawdź jak to będzie wyglądać na innych przeglądarkach (na Fx 20, wygląda na to, że powyższe naprawia oba problemy).

#3

Wielkie dzięki. Działa :slight_smile: