Umbruch in <li>

[Lea]

Hallo an alle,

ich hoffe, dass jemand wird schon mein Problem erkennen und evtl. Tipps geben.

Ich habe eine Auflistung, die dynamisch gebaut wird.

<ul>
   <li>
      <div style="float:left;">
         <ul>
            <li>
              AAAAAAAAA
           </li>
           <li>
              BBBBBBBBB
           </li>
           <li>
              CCCCCCCCC
           </li>
         <ul>
      </div>
   </li>
   <li>
      <div>
         <ul>
            <li>
              AAAAAAAAA
           </li>
           <li>
              BBBBBBBBB
           </li>
           <li>
              CCCCCCCCC
           </li>
         <ul>
      </div>
   </li>
<ul>

Und so weiter...

Jeder DIV ist unterschiedlich lang.

In erster Zeile werden 5 <li>-Elemente angezeigt und dann kommt Umbruch. Der nächste >li> wird aber leider nicht unter dem ersten <li>
platziert, sondern unter dem vierten, weil der viel kürzer ist, als erste, zweite und dritte. Ich kann aber keine Höhe für meine DIVs festlegen, weil ,wie gesagt, der Inhalt ist immer unterschiedlich.

So ungefähr sieht es aus:

AAAAAAA   AAAAAAA   AAAAAA   AAAAAAA   AAAAAAAA
BBBBBBB   BBBBBBB   BBBBBB   BBBBBBB   BBBBBBBB
CCCCCCC   CCCCCCC   CCCCCC             CCCCCCCC
DDDDDDD   DDDDDDD   DDDDDD   !!!!!!!
EEEEEEE                      !!!!!!!

Das mit !!!!!!! ist der nächste umgebrochene DIV.

Bitte helft mir!

Danke im Voraus!

lea