Menu con liste di liste

[trez]

Ciao a tutti,
sto usando Yii framework e mi trovo costretto ad usare liste di liste per fare un menu.
Ciò che voglio realizzare sono voci di menu disposte orizzontalmente, ed ogni voce di menu avrà un sottotitolo.
Ad esempio:

Storia
Scopri la storia dell'azienda

Prodotti
Scegli i nostri prodotti

(ovviamente, coem detto prima, disposti orizzontalmente), quindi:
- "Storia è la voce principale";
- "Scopri la storia dell'azienda": è il sottotitolo

Usando le liste devo quindi avere una cosa simile:

<ul>[*]
        Storia
        <ul>[*]Scopri la storia dell'azienda[/list]
    [*]
        Prodotti
        <ul>[*]Scegli i nostri prodotti[/list]
    [/list]

Il problema è che non riesco ad applicare un CSS che mi permetta di mettere le voci principali orizzontalmente con i sottotitoli di ogni voce, sotto la propria voce (pur usando questo sistema di liste).
Come posso fare?

Grazie!

[Simo990]

Ciao! Fare un menù orizzontale in CSS è molto semplice, la chiave per riuscirci è float:left.

Ecco un esempio di come potrebbe essere

#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

[trez]

Ti ringrazio per la risposta, ma il problema non era quello di allineare gli elementi.
In ogni caso ho risolto in questo modo:

.l1 { list-style: none; font-size: large; color: black; float:left;}
                .l1 a { text-decoration: none; color: black;}
                .l2 { list-style: none; font-size: smaller; padding: 0; margin: 0;}
                ul { padding-left: 5px; margin: 0;}
                .nopadding { padding: 0; } 

Spero possa aiutare a qualcun'altro.
Sei stato comunque gentile a rispondere!

Grazie!