Ja, das war wohl nix. Zumindest das, was Du verstanden hast.

[IE7Verzweifler]

1. "text-align:center" für das li bleibt stehen (für den ie)
2. "width: 1%; overflow: visible;" ist irrelevant und kann gelöscht werden
3. "margin:0 auto" für das img wird eingefügt, daraufhin ist die optik im ie im a***imer
4. ABER: nun "display:block" für das img löschen oder ändern in "display:inline-block" und nun - man glaubt es kaum - es passt in allen browsern!

im endeffekt liegt es nur an display:block - "text-align:center" funtzt natürlich auch in anderen browsern, das war unglücklich ausgedrückt!

in allen browsern (außer ie) funtzt also "display:block" UND "margin:0 auto" für das img.

für den ie7 darf display nicht block sein.
das mußte für die anderen browser aber sein um mit "margin: 0 auto" zu zentrieren.

end vom lied: kein display:block für das image, text-align:center aufs li und es klappt in allen (bei mir) beteiligten browsern!