Hallo LX,
verzeih meine Pedanterie!
Bei float:left und white-space:normal (default) bricht er natürlich um. Versuche es mit display:inline und white-space:no-wrap.
Wenn schon: white-space: nowrap;
, Letzteres ohne Bindestrich!
Dann dürfte es dem Originalposter aber schwerfallen, seine LI-Elemente browserübregreifend auf einheitliche 500 Pixel Breite zu bringen. Da führt dann wohl doch kein Weg ums Floaten-lassen herum, es sei denn, die enthaltenen Bilder bringen allesamt eine einheitliche Breite mit.
Damit bei floatenden LI-Elementen nichts umbricht, muss die Liste natürlich mindestens so breit sein wie all ihre enthaltenen LI-Elemente und deren Border sowie Außen- und Innenabstände zusammengenommen. Auf einen Anzeigebereich von 800 Pixeln lässt sich die Liste dann nur über ein sie umgebendes Vorfahrenelement begrenzen.
Gruß Gernot
super me