IE repeats text (in addition to wrapping & moving it)

I have a page that has content on the left and 4 pictures on the right (the pics are links to other pages).

The 4 pictures are arranged in a square, with each being inside its own div (floated top-left, top-right, bottom-left & bottom-right, respectively). In turn, these 4 divs sit inside a 'wrapper' div that is floated right (to separate the pics from the content on the left.

So far so good.

However, the pics each have text below them to identify the picture. It is the text in the bottom right div that causes a problem in IE (6 in this case, but possibly earlier also).

The last few characters of this text is duplicated and wrapped, below & left of the original text.

Here's the page: http://www.firstsite.co.za/Sites/BLM/cottages.htm

& here's the stylesheet: http://www.firstsite.co.za/Sites/BLM/Styles/cottageMain.css

You will notice that for the text "Repeated 123", the "123" is indeed repeated.

Any idea why or how to fix it?

Thanks,

Coober

Well wadda ya know?

Literally 2 minutes after posting, I found the answer.

It is due to comments in the HTML, between floats.


Here's an explanation of why it happens


Coober

It's allways good with members that can answer their own questions

I'm glad you solved it, and welcome to DEVPPL.