IE 6 Bug - Repeating Characters

2st February 2008

After coming across this really annoying bug many times I thought it was about time I made a note of it somewhere.

When you starting mixing floated containers with non floated containers the IE 6 only parameter hasLayout triggers to -1 causing all sorts of chaos in your layout; most notabley tail characters repeating themselves. This is a big pain in the ass and is a little devil to fix.

To get your layout working again you have to get hasLayout back to 1. This can be done in several ways but the most successful seems to be by adding display:inline...