It’s so frustrating when things don’t work or don’t look the same across different browsers. Especially for Internet Explorer 6 (ahhhh!).

Although there is a lot of talk in the industry about not supporting IE6 and even launching campaigns to bring it down for good, I think it’s still important to support IE6 until Microsoft actually do something about it.

Why? Well in most cases, users probably don’t have a choice of upgrading their browser and a lot of large corporations still use the default browser that came with the Microsoft package they bought many years a go (i.e. IE6).

I think as web designers we should at least try to make our websites readable and accessible even in IE6. If the user has a much newer browser then they should be rewarded with a better user experience. This is called progressive enhancement and it’s starting to make waves.

Anyway, Chris Coyier from CSS-Tricks has written a fantastic article called “IE CSS Bugs That’ll Get You Every Time“. It walks you through common bugs found in IE6 and gives you solutions to them.

The article covers the following:
- The Box Model
- The Double Margin Bug
- No Min Widths / Min Height
- Stepdown
- No Hover States
- No Alpha Transparent PNG Support