Locating the cause of a IE6 css bug

[simonuk]

I came across a IE6 bug today I've not seen before. I've found the solution but not the cause:

Problem:
The last div on the page was duplicating some of itself on a new line. In the case the div in question had 5 lines text with a "see our privacy policy" on the last line. There then seemed to be a break and on a new line below it was showing "acy policy".

The solution was to add "position:relative" to the div and that fixed it.

I can't show the code because the page in question uses .net, JS and ajax all wrapped up in a load of CMS code. Someone else here has seen the bug before on a normal and simple page but he doesn't know what caused it.

So the question is has anyone seen IE6 part duplicating or fully duplicating a div and did you trace the cause?

[Robin_reala]

Yep, this is caused I think by comments or display:none elements in-between multiply containers that are floated in the same direction. I believe it dupes 2 characters for each box floated. Try removing any comments?

[rocknbil]

Did you Google for "Duplicate Characters bug" and is that it? There's an article on P.I.E. about it too.

[SuzyUK]

after reading PIE, which is also a solution without the cause unless you read the small print ;)..

..try the info on this very forum for hasLayout [webmasterworld.com]! - note: Do read DrDoc's previous post linked from first post in that thread if you really want the solution to duplicating characters

.. and yes I do I know the search terms are hard to figure.. :o