tjameswhite.com

Internet Explorer has a number of css bugs which cause no end of headaches for web developers. Working on the uber complicated style sheets for the electronic product at work I’ve encounter enough oddities to fill my quota for the year. I feel pretty good that the IE-only css file isn’t actually that big.

But the best way to beat an IE bug is to avoid it. A number of bugs have no behaviors that trigger them. For example, on a project I’m working on I encountered the Doubled Float-Margin Bug. Instead of trying to counter IE’s quirky behavior, I simply rewrote the code to avoid the bug. The trigger is when an element is floated and there is a margin going the same direction as the float. The simple solution for my problem — remove the margin. Or, more precisely, I could place the same amount of padding on the container element and remove the margin from the contained element.

Presto! One bug avoid. Zero hacks involved.