li-Elemente an falscher Position

[Snafu]

Hallo!

div#menu-box sollte float:left bekommen und als Kind der div#box stehen.

div#menu-box ist bereits Kind von div#box.
Wenn ich div#menu-box auch links floate, dann werden zwar die Listenelement schön darin angezeigt aber das Menü ist dann unter dem Inhalt weil links und rechts kein Platz mehr ist.
Ich habs geschafft, dass es mit div#content-box => float:right und den Listenelementen die Breite direkt angegeben halbwegs geht. Jetzt ist aber das Menü komplett verkorkst. Es wird gestreckt darunter angezeigt o.0
Siehe http://stud4.tuwien.ac.at/~e0725226/test/test2.html
Die Border sind nur dazu da um die Grenzen zu sehen.