IE7- Float auto width expansion bug

If a container of auto width is floated right or left and has floated children either right or left, in most instances the container will expand to 100% of the available width (in these test case, this is the body element). If the floated children are inline elements, the same bug happens since floating changes the element to render as a block.

Examples with container floated right

Float Right

Clear

Float Left

Clear

Two test cases with floated childen (either left or right) alternating in the soucre

Float Left (1)

Float Right (2)

Clear

Float Right (1)

Float Left (2)

Clear

Text

Examples with container floated left

Float Right

Clear

Float Left

Clear

Two test cases with floated childen (either left or right) alternating in the soucre

Float Left (1)

Float Right (2)

Clear

Float Right (1)

Float Left (2)

Clear