sebastian: Verschachtelte Listen mit CSS formatieren

Beitrag lesen

Hallo,
ich habe bei der erstellung einer webseite ein problem mit der Formatierung von ul und li elementen mit css.
insgesamt soll die liste mindestens 3 ebenen haben: die erste ebene vertical, die zweite horizontal und die dritte wieder vertical.

das Ganze sollte dann etwa so aussehen:
Listen Formatierung
Ich habe schon verschiedene möglichkeiten ausprobiert.

mit "float:left" <ul> elementen funtioniert bei mir nur die erste ebene horizontal (bzw. alle drei, aber nicht erst ab der 2. ebene horizontal).

mit "display:inline" <li> elementen ist nur die unterste ebene horizontal...
Kann mir vielleicht irgentwer weiterhelfen?
Wie müsste der css Text aussehn um eine solche Formatierung zu erreichen?