PNG8 Black Border in IE

css, internet-explorer-6, internet-explorer-7, internet-explorer-8, png

Solution

I am compelled to respond. I just solved this issue as well. Just to recap, in IE7 and IE 8, transparent PNG and GIF images in links sometimes have a black border or shadow around them.

You need to check to make sure there is no opacity filters on these images. I have opacity on 100. I changed this to

filter:0;

Remember also for blurry link text, you need to specify a background color for the link or else it will be fuzzy and blurry.

Death to IE!!

Problem

I have a problem in IE with PNG8 images in that it appears with a big dirty black border in the shadowing of my *.png. (IE7, IE8) I am using alphatransparency and basically have shading under my small image. All browsers render this fine, except IE which renders the shading as a black circle? I need the image "transparent" because it appears on top of a variety of multicolored backgrounds, etc? Any ideas?

Original source