Eemaldasin pildielemendi täielikult ja seadsin selle div-i taustaks klassiga .frame.
See töötab vähemalt Internet Explorer 8, Firefox 6 ja Chrome 13 korralikult.
Ma kontrollisin, ja see lahendus ei tööta üle 25 piksli kõrguste piltide kahandamiseks. On olemas omadus nimega background-size, mis küll määrab elemendi suuruse, kuid see on CSS 3, mis oleks vastuolus Internet Explorer 7 nõuetega.
Ma soovitaksin teil kas muuta oma brauseriprioriteedid ja kujundada parimad olemasolevad brauserid või saada serveripoolset koodi piltide suuruse muutmiseks, kui soovite seda lahendust kasutada.
On väga oluline, et te annaksite piltidele kas klassi või kasutaksite pärimist, et suunata pilte, mida on vaja tsentreerida. Selles näites kasutasime .frame img {}, nii et ainult div-ga ümbritsetud pildid, mille klassiks on .frame, oleksid suunatud.