Doubled Float Margin Bug
The Doubled Float Margin Bug was an Internet Explorer 6 rendering error where floated elements with margins would display double the specified margin size, causing layouts to break unexpectedly. The bug specifically affected the first floated element in a container and could be fixed by adding display: inline; to the floated element, even though this seemed counterintuitive.
Why Doubled Float Margin Bug Matters
The Doubled Float Margin Bug represented the type of illogical browser behavior that made IE6 development so challenging, where the solution (adding display: inline to floated elements) seemed to violate CSS logic but actually worked. This bug taught developers to expect irrational browser behavior and contributed to the development of CSS frameworks and reset stylesheets designed to normalize cross-browser rendering.