The rounded corners are working great. Thank you very much for all your hard work. (also thanks for the "known issues" page, which was a very helpful and resolved why I hadn't previously been able to get border-radius.htc working).

However, something odd is happening in one of my divs: I have a PNG graphic in a box with some text. The PNG is displayed as a background image with no-repeat. In IE8, the image appears to bleed colour into its transparent areas.

See image attached, which shows how IE8 renders the box with and without PIE.htc. This only appears to happen in IE8 (it doesn't happen in IE7, and we're not supporting IE6)

The relevant code is as follows:





For the time being, I can probably solve this by switching the image to a gif, but it does seem to the HTC causing this glitch, so I felt I needed to report it.

Thanks very much for reporting this. I will attempt to find a fix.

not sure if this is the same issue I had but I got around mine by adding a 1 pixel transparent strip to the image on the opposite end to where the bleed occured.
Maybe that will work here too

FYI this issue should now be fixed in the latest development code. Thanks for reporting it!

No problem. Thanks for fixing it (and the other bugs I've reported).

Any idea when you'll be ready for the next beta release?

Cheers,


Spudley.

I just downloaded the latest beta (2) after finding this thread. Having the same issue with IE8, the only diferrence being I deal with an GIF file. Beta 2 solves some of the issue - there is no bleed on the right. However, I am still experiencing a one-pixel cut-off on the background image on the left. This only happens in IE8.

Thanks for a great tool!

Update: actually, there's also a 1-pixel cutoff at the bottom. I tried adding one pixel at a time to the width of the image (with transparency) and that only makes things worse.

Weird... do you think the difference is between PNGs and GIFs? Wouldn't be the craziest thing I've ever heard of.

I have same issue with a background png inside an a tag except i get one pixel on the right side cut off and placed on the left..weird!! seems opposite to what peeps above have seen

Added a blank pixel all around and it makes the problem worse.
Tried every combination of 1-2-3 pixels on single/all and combinations of os sides and error differs but never correct.
It seems as if transparency is affecting it
Tried a Gif and the same issue
EXCEPT with the gif adding a blank transparent pixel to the right which was cut off stopped it repeating the pixel on the left but still had the right pixel cut off..adding two pixels etc diddnt make any differenc.
So a single pixel cut off my right pinting arrow i can live with in this situation

I just did a quick test with a PNG file and I am getting the exact same result. What does make this weird is the fact that on two other GIFs the problem does not occur. See attached shots.