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.
View the source to see the comments between the floated elements.
Remove the comments, or move them inside the floated elements. The example below has comments inside the elements, and doesn't display the bug.
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; }