Explorer Windows bug - comments between floating elements

Explorer 6 Windows only.

See Explorer 6 Duplicate Characters Bug for a very thorough discussion of this bug.

When you create a layout with floating elements and put HTML comments between these elements, the last few characters of the last element may be repeated after the float.

Example

View the source to see the comments between the floated elements.

left
content
right

Solution

Remove the comments, or move them inside the floated elements. The example below has comments inside the elements, and doesn't display the bug.

left
content
right

Discussion

This bug is rather more complex than I first thought. I use the CSS below, and need every single line of it, except for the background-color. Obviously, an element needs more than a float alone to trigger this bug.

At the moment it seems that a combination of float, width and padding triggers the bug, at least, on this page.

#container{
	width: 750px;
}

#leftbar{
	float: left;
	padding: 10px;
	width: 100px;
}

#content{
	float: left;
	padding: 10px;
	width: 488px;
	background-color: #9CADE7;
}

#rightbar{
	float: left;
	padding: 10px;
	width: 100px;
}