Ohne width oder min-width für einen Vorfahren schwindet bei kleiner werdendem Viewport halt der Platz, den die Floats zum Nebeneinanderstehen brauchen. Alternative: als CSS-Tabelle darstellen (siehe FAQ).

Übrigens: Das Markup ist ungeeignet - lauter ul stehen nebeneinander mit nur je einem li. Richtig ist eine ul.

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)