While working on our new site, I've noticed a weird problem with IE7 and favicons. The favicon shown on the tab is of very poor quality, while the favicon in the address bar looks the way it should.
I've attached two small screen shots to show the difference. The file called "favicon-bad" is a screen shot of the favicon that's shown in the tab bar. The file called "favicon-good" is a screen shot of the same favicon when it's shown in the address bar. As you can see, the two are radically different.
favicon-bad:
favicon-good:
Has anyone encountered this before? Is this a known problem in IE7? Has anyone come across a way to fix it?
I've done a lot of Googling, but the only things I keep coming up with are complaints about favicons disappearing altogether in IE7. I haven't been able to find anything about the quality difference between the two locations.
In my particular case, my favicon has a transparent background and is saved as an ico file.