Ik heb het afbeeldingselement helemaal verwijderd en het als achtergrond van de div ingesteld met een klasse van .frame
Dit werkt in ieder geval prima op Internet Explorer 8, Firefox 6 en Chrome 13.
Ik heb het gecontroleerd, en deze oplossing werkt niet om afbeeldingen groter dan 25 pixels te verkleinen. Er is een eigenschap genaamd background-size die wel de grootte van het element instelt, maar het is CSS 3 wat in strijd zou zijn met Internet Explorer 7 eisen.
Ik zou je aanraden om ofwel je browser prioriteiten te herzien en te ontwerpen voor de best beschikbare browsers, of wat server-side code te krijgen om de grootte van de afbeeldingen aan te passen als je'd deze oplossing zou willen gebruiken.
Het is erg belangrijk dat je de afbeeldingen een klasse geeft of overerving gebruikt om de afbeeldingen die je gecentreerd wilt hebben te targetten. In dit voorbeeld gebruiken we .frame img {} zodat alleen afbeeldingen die omwikkeld zijn door een div met een class van .frame gecentreerd worden.