Rahmen um einzelne Bereich bei UL LI

[Matthias]

OOOOOOOOOOOOO

.listen > ul > li {border:1px solid #6EB327; height:300px;}
.listen ul li {float:left;width:200px;}

Jetzt habe ich die Box mit 300 Pixel angegeben, kann ich das auch irgendwie flexibler lösen?

Ich meine das so, die boxen werden per float:left nebeneinander gelistet. Wenn sie jetzt alle 300 Pixel hoch sind klappt das auch wenn der Inhalt unterschiedlich ist. Wenn ich die Höhe wegnehme,  dann akkn es sein, das ich die Boxen verschieden, je nach Inhalt. Wie schaffe ich es ohne height:300px; das sie immer streng nebeneinander und dann in der nächsten Zeile sind, also nich das sich zwei in ein anderschieben?

Matthias