Hi,
anhand der Breite der Avatar-Box und ihrem linken Außenabstand habe ich bei vier Boxen für das umschliessende DIV
#avatar_reihe eine Gesamtbreite ermittelt (= 460px) und dieses dann mittels
margin:0 auto horizontal zentriert.
Wenn in dem DIV aber nun weniger als vier Boxen enthalten sind, dann wird es zwar weiterhin horizontal zentriert, nur sein Inhalt ist halt in ihm linksbündig ausgerichtet - und links oder rechts floatende DIV-Boxen lassen sich nunmal nicht horizontal zentrieren.
Stu Nicholls hat für eine floatende Liste (=horizontales Menü) neben der bekannten Breite gepaart mit
margin:0 auto auch eine Möglichkeit für eine Liste mit unbekannter Breite entdeckt, was in deinem Fall der variablen Anzahl an Avatar-Boxen gleichkommen müsste.
http://www.cssplay.co.uk/menus/centered.html - siehe das zweite Beispiel "a centered floated left menu (unknown width)".
Vielleicht kannst du ja damit was anfangen.
Achja, bei den derzeitigen Gegebenheiten lassen sich maximal fünf Avatar-Boxen in einer Zeile unterbringen. Die Breite für das DIV
#avatar_reihe müsste dann auf 575px erhöht werden.