When a margin is applied to a floated box on the opposite side as the direction the box is floated AND the floated box is followed by inline content (images, inputs, or text outside a <p>, for example), the first line of inline content will be indented by the same amount as the margin.
Specify display: inline; for the affected float.
Due to Internet Explorer/Windows' strange rendering of margins on floated elements, this bug can cause inline elements (such as text or images) in adjacent divs to appear indented from their expected position. This is definitely an IE 6-and-earlier bug, which does not reproduce in other standards-compliant user agents. Note that IE only applies these unnatural indents to inline elements. When the affected elements are wrapped in paragraph or div tags - also more common than raw text - the bug does not reproduce.
Text ID: DUPLICATE_INDENT_BUG
To add a comment, please Log in.