Modifica menu CSS

[iceberg]

Ciao a tutti, ho un menu CSS (nell'area destra della pagina) che al posizionamento su un area, apre (visualizza) una barra orizzontale verso sinistra (riepiendo quindi con una piccola barra orizzontale l'area sinistra della pagina).

Ora vorrei fare in modo che al posizionamento su ogni singolo elemento della barra orizzontale, venisse aperta (visualizzata) una tendina verticale per elencare degli elementi di dettaglio di ogni singola voce.


Quindi, ora ho:

<nav class="menu">
                    <ul id="menu">
                        [*][url="#!/page_Style"]<span></span>[b]Main 1[/b][/url]
                        [*][url="#!/page_Catalogue"]<span></span>[b]Main 2[/b][/url]
                            <ul class="ul_1">                                
                                [*][url="#!/page_Catalogue"]Sub 1[/url]
                                [*][url="#!/page_Catalogue"]Sub 2[/url]

                                [*][url="#!/page_Catalogue"]Sub 3[/url]                            
                                [*][url="#!/page_Catalogue"]Sub 4[/url]     
                                
                            [/list]

                        [*][url="#!/page_Designer"]<span></span>[b]Main 3[/b][/url]                      [*][url="#!/page_Gallery"]<span></span>[b]Main 4[/b][/url]
                    [/list]
                </nav> 

Al posizionamento su ogni sub (Sub1, Sub2, Sub3....) visualizzare una tendina con altri elementi di dettaglio, collegati ad ogni Sub.

Come posso fare?

Grazie