Images in Windows versus Mac browsers

[Hubbard]

I've been struggling to figure out why some images that appear fine on a Mac appear corrupted in Windows browsers.

The images in question tend to be small to medium size with text or small details. The text or details always appear to be squashed or have a line of pixels missing when seen in a Windows browser (either IE or Firefox). The images are created in Photoshop, but to find a fix I also created them in Fireworks on Mac and Windows. The result was the same.

What is the reason for this and what is the fix?

[edited by: Hubbard at 11:47 am (utc) on July 17, 2006]

[eelixduppy]

Are you resizing the images in any way?

[Hubbard]

No. I also want to add the problem happens on hyperlinked images (menu items, thumbnails, etc)

[Angelis]

Try setting border="0" on the link, it might be its adding a border and squashing the image.

[Hubbard]

OK fixed. It was a case of the CSS around the images. The Mac platform is less fussy about it and has better subpixel rendering it seems that smooth out any border or padding problems. That's why its more visible on Windows.