Visiškai pašalinau paveikslėlio elementą ir nustačiau jį kaip div foną su .frame klase
Tai bent jau veikia gerai Internet Explorer 8, Firefox 6 ir Chrome 13.
Patikrinau, ir šis sprendimas neveikia norint sumažinti didesnius nei 25 pikselių aukščio paveikslėlius. Yra savybė background-size, kuri nustato elemento dydį, tačiau ji yra CSS 3, o tai prieštarautų Internet Explorer 7 reikalavimams.
Patarčiau arba iš naujo nustatyti naršyklės prioritetus ir kurti geriausioms turimoms naršyklėms, arba gauti kokį nors serverio pusės kodą, kuris pakeistų paveikslėlių dydį, jei norite naudoti šį sprendimą.
Labai svarbu, kad paveikslėliams suteiktumėte klasę arba naudotumėte paveldimumą, kad nukreiptumėte į tuos paveikslėlius, kuriuos reikia centruoti. Šiame pavyzdyje naudojome .frame img {}, kad būtų nukreipti tik tie paveikslėliai, kuriuos gaubia divas su .frame klase.