lista adattabile su più "colonne"

[yusizu]

salve, ho una lista di titoli che vorrei impaginare in un div contenitore 700px e alto 250px.

Vorrei disporre l'elenco in modo "automatico" uno dietro l'altro su più "colonne"

_____________________________________
1 5 9 13
2 6 10 ...
3 7 11
4 8 12
______________________________________


come posso fare?

N.B. il contenuto è dinamico al max posso intervenire sul totale e limitarlo nel caso in cui eccedano.


Grazie

[Prill]

I css3 prevedono proprietà per contenuti su più colonne, ma non vi è supporto crossbrowser. Una regola come questa (potremmo specificare anche la larghezza e un bordo separatore)

.colonne {
       -moz-column-count: 4;
       -moz-column-gap: 15px;
       -webkit-column-count: 4;
       -webkit-column-gap : 15px;
	column-count: 4;
	column-gap: 15px;
	height:250px
}

sarà applicata correttamente nelle ultime versioni di Firefox, Opera, Safari e Chrome (ma Opera ridistribuisce i contenuti su tutte e quattro le colonne senza tener conto dell'altezza del contenitore). I problemi si pongono con Explorer.
Sarà necessario far ricorso a qualche script che riordini le voci elenco come si desidera, per saperne di più cerca multi-column lists su google