Ciao a tutti amici, avrei un consiglio da chiedervi, stamattina ho la mente svuotata e non riesco a pensare bene .

Dovrei costruire un elenco di categorie e sottocategorie nello stile di yahoo, divise su tre colonne.
Avevo pensato, da XHTML, di impostare un elenco con il tag ul dove carico tutte le categorie e sottocategorie del tipo:
codice:
<ul id="elenco-categorie">[*]
    <big>Categoria</big>

    Sottocategoria 1, 
    Sottocategoria 2, 
    Sottocategoria 3...
  [*]
    <big>Categoria</big>

    Sottocategoria 1, 
    Sottocategoria 2, 
    Sottocategoria 3...
  [*]
    <big>Categoria</big>

    Sottocategoria 1, 
    Sottocategoria 2, 
    Sottocategoria 3...
  [/list]
Mi sembra la soluzione semanticamente più corretta in termini di XHTML.
Il mio problema nasce su come visualizzare queste voci in file di tre, cioè scorrendole in orizzontale.

Ho provato a dare un float:left agli elementi li e una width di 30% e più o meno funziona ma mi crea un pò di casini.

Come posso impostare al meglio il css?