Not sure what’s happened here but a lot of the images on my new site are appearing distorted in some browsers, mainly Safari on the Mac. The images get stretched out very large and consequently screw up the site due to the images taking over the whole screen.
Also in some IE versions the opposite happens, with images being shrunk very small.
The url is http://graemepirie.com and I’m struggling to think of why the images are getting distorted. All images are the correct size they should be, they’re not re-sized with css or anything like that.
I’ve had aa play around and I think I’ve solved it in most browsers except for Safari on Mac, I’ve even defined heights and width in the css for the different image types, even though all images are the correct size and it still resizes them.
I removed img from the reset as well as height: 100% and can’t think of much else to do now.