.png images not rendering correctly in IE7, IE8

Question

They look great in FF, Safari, but the social media icons don't render correctly in IE.

http://www.erisdesigns.net/STAGE/ED1.3/

Is this an IE problem, or something to do with how I'm creating the .pngs?

Answer 1

I think that it's because you use transparency. Although it isn't as clean as the current solution, you should maybe make everything opaque.

Answer 2

There's a pngfix javascript add-on you can trigger with an IE conditional statement.

PngFix

<!--[if lt IE 7.]>