Perhaps you know that IE6 doesn't work well with transparent png images. A little hack can fix this problem. By adding a conditional css class (class will be visible to IE6 only) and applying that class in the img tag (in all image tags, the images which are to be fixed in IE6).
Steps:
Add the following code between the head tags
<!--[if lte IE 6]>
<style type="text/css">
.fixMe {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='image.png');padding-top:1500px}
</style>
<![endif]-->
And applying this class in the img tag
<img src="image.png" class="fixMe" />
The whole code looks like this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Fixing PNG Image in IE6 With CSS Only</title> <!--[if lte IE 6]> <style type="text/css">@@$$#css0-</style> <![endif]--> </head> <body> <img src="image.png" class="fixMe" /> </body> </html>
Click here to view this in action
More HTML/CSS tips