Solving the IE6 double margin problem – Solved!
it’s high time we at Nothing Arbitrary start to document the many varied, cumbersome, and sometimes excruciating problems we encounter on a daily basis while creating CSS for that dilapidated, horrible browser known as IE6. If your html and css need to support IE6, there’s undoubtedly a few common problems you’ll run into.
One of the most common problems I’ve encountered is how IE6 doubles margin-left and margin-right on any floated element.
There’s good news! The solution is simple: add a {display:inline;} to the floated element. This attribute will get IE6 back in line, and doesn’t have any negative affects on more contemporary browsers.
Stay tuned for more IE6 CSS tricks!
Tags: CSS, double margin, float, ie6