weil das "<div style="width:33%">" 33% der Breite des Bildschirms einnimmt
Auflösung != Desktopgrösse != Browserfenstergrösse != Anzeigebereich. [psf 3.7]
ungeachtet dessen ist die lösung ansich fürchterlich - um 9 durchnummeriere elemente so auszurichten, würde ich eine geordnete liste vorschlagen, die li-elemente floaten nacheinander und haben je eine 33%ige breite
aber ohne den semantischen sinn hinter diesem unterfangen zu kennen, sind weitere tipps ziemlich ins leere geschossen