I have absolutely no experience in creating logos so please bear with me if this seems like a very stupid question. On my homepage http://chibabeat.com I have a logo that was created with photoshop and saved as a .png file. In firefox the logo background is transparent (like it should be) but in IE the background shows up as being white. Actually, there is no background for the logo and I cannot figure out what is causing this. Can somebody give me some insight into what I am doing wrong and how to correct the problem?
Thanks,
Josh

IE doesn't handle PNGs. Technically you're not doing anything wrong...it's an IE bug.

There is a non-standards-compliant CSS solution you can put it (but it works, so I say do it):

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='{your PNG here}');

The other alternative, if you want to be fully CSS-compliant with no errors and such, would be to save your image with the same gradient background as your header uses.

you suppose to save your image "save for web" in photoshop, it will come out as transparent under gif, but remain good quality.

You can still save an image as a transparent PNG in "Save For Web", though. GIF won't really help in this regard because the image has more than 256 colours.

At any rate, looks like he got it.

I saved it as a gif and it worked. I'm not sure why it only works as gif and not other image formats.
Thanks!

Right now, .gif is the only format for transparent images that is widely supported by browsers. Hopefully .png will work in more browsers soon. But until that time, you have to rely on .gif format.

Luckily.. if you can call it that - IE 7 DOES FINALLY support transparent PNG's. Once IE 7 goes out as a critical automatic update to the masses, this problem won't be such a big problem any more.