Transparent PNG's and Internet Explorer
Two posts in the same day, and not a single post for about 6 months before hand!
I was puzzled to find that one of my clients was having a problem with a site I had been working on for them. The problem was they use a background image which is tiled across the browser window. If you visit www.stourvalley.com you will note there are a series of logos which have transparent backgrounds that sit over the top of the background image.
I achieved this effect by using PNG's. GIF's were not suitable because you either get jagged edges when using a transparent background, or have a halo of colour around the extremities of the image. PNG's do not do this, you get a clean edge and a transparent background. In all the browsers I had tested on, the PNG's worked fine. However Internet Explorer was proving to be a pain in the butt. It was rendering the PNG's with a horid blue background for some reason.
I looked into this problem and found out that there is a known issue with Internet Explorer when rendering PNG's. Fortunately there is a little bit of javascript you can use courtesy of Bob Osolar which corrects the problem.
Fortunately this PNG rendering issue has been fixed in Internet Explorer 7.
I hope that this information proves of help to someone in the future, it sure did for me.