Here’s my site:
http://rps.sanscode.com
Load it up in IE7 or 8 and you can see the ugly rings I am talking about.
Does anyone have a solution to get rid of them? or perhaps some advice on how to change the images to remove them?
I am using jQuery if that helps.
You can use AlphaImageLoader on pngs to help with this, just like on gifs. I’ve seen that in a few Colorbox themes.
Note that forces some compromises on CSS – you can’t use background positioning on these images, for instance.