They say that ignorance is bliss...
There I was, feeling quite smug and pleased with myself at having banged out a reasonably nice website, complete with a sweet 3D logo with chrome effect and drop shadow, in almost no time at all (by my standards).
Then I thought; "I wonder what it looks like under IE..?"
Aaaaargh!!!
What the hell is that ugly box around my logo?!
Apparently, IE6 doesn't handle alpha-transparency in PNG files, even though almost every other browser on the planet, including Firefox, Opera, Internet Explorer Mac, and even several minor browsers, all do.
I believe it is fixed in IE7, but unfortunately, not all IE users have the latest version.
For those unfortunate users who don't have a proper browser (Rowrr! ...fetch me a saucer of milk), please be patient. I'm working on a solution.
I considered converting the logo to a GIF file, but that looks terrible. I'll probably have to hack the CSS and put some version specific script in there. Yuk!
I don't have IE7. I rarely use IE, so I've never felt the need to upgrade.
It's probably a good thing that I haven't, because then I wouldn't have spotted this problem.
But then again, ignorance is bliss...