Solution to doubled margin on floats in IE6

In the wonderful web browser that is IE6, left and right margins are inexplicably doubled on floated elements. This is an obvious IE6 bug that has a very simple solution. To fix it, all you have to do is use the CSS property ‘display:inline’ on the floated element that has left or right margin. Since floated elements by nature are block level elements and cannot actually be rendered as inline elements, this fix has no impact at all on the rendering in any other browser.