Noisebub: Problem mit <div> (mehrere Spalten)

Beitrag lesen

Hallo!
ich habe ein Problem...
und zwar will ich eine liste ausgeben lassen....

a b c d e f g h i j k usw.

diese elemente bekomme ich über eine liste.
mein code schaut im moment so aus:

  
<div>  
<ul>  
LISTENAUFRUF  
<li>  
<a href="foobar">listenelement</a>  
</li>  
</ul>  
</div>  

das css:

  
div li{  
float:left;  
width:150px;  
}  

so... nun zu meinem problem.
ich will die elemente in meiner liste untereinander in mehreren spalten anzeigen lassen.
ohne das css kommt es natürlich so raus:
a
b
c
d
e
...

im moment kommt es so raus:
a   b   c   d
e   f   g   h

nun will ich aber dass es so rauskommt:

a   e   i
b   f   j
c   g
d   h

ich hoffe ihr versteht was ich meine.
was habe ich hierbei nicht beachtet?

danke schonmal!