Wysuwane menu horyzontalne, jaki css napisać Opcje

[smarcz]

Potrzebuje napisać proste menu wysuwane. Posługuje się 4 ikonami, które po najechaniu rozwijają pionowe menu - zmieniając grafikę. Każda ikona posiada odmienny plik graficzny który się wysuwa. Do posta dołączam graficznę przedstawiającą o co mi chodzi.

(IMG:http://e-lotnisko.nazwa.pl/menu_h.png)

Serdecznie dziękuję za podpowiedzi.

[smarcz]

Napisałem skrypt JS oparty na zmianie atrybutu stylu z none na widoczny. "if(ooo.style.display == "none"){ooo.style.display=""}"

Później używam onmouseover="menu('element4');" onmouseout="ukryj('element4');" - który wywołuje dla poszczególnego menu wczytanie odpowiedniego diva i wyświetlenie go!
Ale problem mam z przesuwaniem kursorem na inne ikony przycisków. Po otwarciu diva - który zajmuje szerokość ok 200 px i zasłania fragment przycisków. Zastosowałem dla wczytania grafiki plik png z przeźroczystym tłem.

Co proponujecie zrobić. Czy podzielić div na elementy i otwierać każdy z osobna tzn -zmienić atrybut dispaly??