CSS/JS/HTML - Jak stworzyć wielopoziomowe menu rozwijane?

Witam,
Jestem dość zielony z CSS, a JavaScripta nie rozumiem w ogóle, ale zostałem poproszony o pomoc i wydawało mi się, że sobie poradzę. Ogólnie szło dobrze, ale jeden jest problem. Chciałem zrobić menu rozwijane, absolutne. Wszystko działa, oprócz jednej rzeczy - chciałbym, by jeden element menu mógł się rozwinąć na "podelementy", które również byłyby rozwijane. Mój kod wygląda tak:

(JS jest nie mój, znalazłem go w internecie, co widać na samej górze)

Wygląda to tak:

Nie wiem, co zrobić, aby ciemniejsze tło zajęło nie 11% obszaru, tylko całość oraz jak sprawić, by na przykład "Zarząd" rozwijał się obok, absolutnie, a nie w dół. Z góry dzięki za pomoc

Tu masz gotowy kod:


Dodano po 5 [minuty]:

Albo opcja samego css:

Dzięki wielkie, nie zamykałem postu, bo myślałem, że będę jeszcze może pomocy potrzebował, ale sobie poradziłem Zamykam, jesteś wielki ^^