Rozwijane menu w css i html

Witam serdecznie,

walczę od dłuższego czasu z menu rozwijanym: http://stepby.no-ip.org/MONIKA/test12/

Problem jest w tym, że podświetlona kategoria główna ma “lukę” z rozwiniętą podkategorię, nie stykają się oraz w tym, że nie idzie najechać myszką na podkategorie… Menu się chowa za szybko :frowning:

Mogłabym prosić o pomoc?:slight_smile:

Monika

Zamień w pliku styli .css linię:

#menu li:hover ul {position: absolute; padding: 0; display: block; width: 360px;margin-top: 30px; margin-left:-10px}

na

#menu li:hover ul {position: absolute; padding: 0; display: block; width: 360px; margin-top: 24px; margin-left: -11px;}