Hallo Ingo,
nicht so ungeduldig, ich brauche halt eine Weile um mich durch die Postings durch zu arbeiten :-))
nein. Auch der IE erweitert die Box hier nicht ohne Grund. Und den solltest Du ihm - und den anderen Browsern natürlich auch - nicht mittels irgend einem Hack, den Du aufgeschnappt hast, liefern, sondern ganz normal über:
.cf {clear:left;}
Nun, das Problem ist Folgendes: Wenn der letzte li-Eintrag diese von Dir beschriebene "cf" Klasse trägt, so wird es unterhalb des Bildes stehen, nicht rechts davon. Der Trick bei dem ".cf:after" ist ja (oder soll sein) aber, dass mit dem "after" eben ein Text _hinter_ das letzte li-Element gehängt (und versteckt) wird. So bleibt das letzte li-Element weiterhin rechts vom Bild, dass 0 Pixel hohe, mit "after" angehangene Element aber liegt unterhalb des Bildes und zieht das Parent-Element mit sich auf diese Höhe.
Den Fehler im CSS wirst du für standardkonforme Browser aber trotzdem noch suchen und korrigieren müssen;-)
Den findet offenbar nicht mal der CSS-Validator oder ich bin blind :)
Danke und Grüsse, Marietta