Every developer and designer out there has had at least one time where they have wished a slow painful death on Bill Gates for making IE so awful. I know I have, weather its not rendering .png images or breaking every one of my layouts. I am going to go over a few IE 6 bugs and fixes that I have found helpful over the years, and maybe they will help you also.

• The Problem: IE 6 and below does not display transparency in png images.

The Normal Fix: There are many Png Fixes out there but there are a few that I have found more useful. My favorite PNG fix would have to be Drew Mclellans fix. I have found that his fix is the easiest to use and it works the best. The only problem with this hack is that background images cannot be positioned or repeated. However, this problem occurs with 99% of PNG hacks. Check it out at: http://24ways.org/2007/supersleight-transparent-png-in-ie6

The Wordpress Fix: If you are using Wordpress, the problem is a little bit easier to solve. All you have to do is install a simple WP widget and it does most of the work for you! Check it out at: http://wordpress.org/extend/plugins/wp-unitpngfix/

• The Problem: The double margin bug. This is a very common bug in IE 6. Lets say that I have this…

If you have a div floated and you also are giving it an margin, IE 6 and below will double the margin. So, IE 6 would see this .Cat div as floating right and with a margin-right of 40px!

The Fix: Some common fixes are to add display:inline to the div. However, this is not that practical to use, So what I usually do is to add some padding to the parent object. So, just remove the margin from that div and add some padding to the other object you are trying to get it away from.

These two bugs are the two major ones that are affecting IE 6 and below right now. However, there are still tons more out there. I will continue to add to this post as I find some other bugs and there fixes. So be sure to stay tuned!