Jak zrobić rozwijalne menu, bez większych modyfikacji istniejącego kodu?

Mam pytanie odnośnie menu w HTML/CSS. Ponieważ mam zrobione na stronie takie menu:

<a href="index.html" class="link"> <div class="option">Strona główna </div> </a>
    <a href="dziennikarstwo.html" class="link"> <div class="option">Dziennikarstwo </div> </a>
    <a href="galeria.html" class="link"> <div class="option">Galeria </div> </a>

Jak nie zmieniając za bardzo tego co tu mam zrobić rozwijane menu? Np po najechaniu na napis galeria rozwinęłaby się lista: KONCERTY i pod spodem WYWIADY.

Z góry dziękuję za pomoc.

dodanie znacznika <code class="html"> - @furious programming

http://kodcss.pl/kurs-css/lekcje/dzial-4/rozwijane-poziome-menu-css

Znalezione po wpisaniu w Google "rozwijane menu css", pierwsza pozycja.

Polecam przeczytać to: http://rtfm.killfile.pl/ a zwłaszcza http://rtfm.killfile.pl/#zanim

Nie zmieniając tego raczej nie zrobisz dobrego menu, bo masz złą strukturę (<a> nie może zawierać podelementów <a>). Możnaby dostawiać to obok i łatać javascriptem, ale to zła droga.