HTML

Recently, I added a logo on my website and used it for a while without any problem under IE7 or Firefox. Both of them are what I've used for now. However, yesterday, I worked on an old machine that has IE6 installed. I tried to go to my website and found that the logo which is PNG file didn't work well in IE6. The transparent area went grey in IE6 So, I've looked for the method to solve the problem. Many of them are as below : 1. Microsoft Knowledgebase

I got a problem trying to change background color to transparent or something else but when I was trying to do that, the area I needed to do that goes Blue. This occured only with Firefox but no IE. So, I searched for information and found that it's something in the BODY. Since I used mainly TABLE, I have to put

 style="background:transparent"

together with TABLE tag. By trying to put it in TD, or leave it out didn't solve the problem.

I've tried to work on transparent CSS. I put all 3 types of opacity setting below : - filter: alpha(opacity='70'); - -moz-opacity: 0.7; - opacity: 0.7 With opacity setting, it works fine with Firefox. However, I couldn't make the same code to work with IE 6 and 7. Then, I searched online and found the following page -> http://labs.adobe.com/wiki/index.php/Talk:Spry#Spry.Effects.Opacity I just followed what they suggested which is to put width and height as below : style="opacity: 0.5; width: 100%; height: 100%; filter:alpha(opacity=50);"