Float Problem in IE

[davva]

Hi

Can someone please take a look at this please http://www.boostnowbreaks.co.uk/test/test.htm

The images you see on the right are contained in a div that is floated right, the class on that div has "clear:right", if you look at it in Firefox, the text on the left displays as it should.

But when viewed in IE, the 2nd paragraph drops under the first pic.

Could someone guide me into what I am doing wrong please?

Thansk for any help.

[WebMistress]

You might want to read up on the IE bugs here:
http://www.positioniseverything.net/explorer.html
http://www.positioniseverything.net/ie-primer.html

[davva]

Thanks, but The things is not sure what I am looking for

[carinamalmgren]

skip clear:right, IE thinks it's a clear:both and the text is placed below.

you shouldn't place a float and a clear on the same thing.
a proper way to solve the problem that might occur in IE is to put a clear:both below the second paragraph.

[davva]

Fixed it, I moved the divs with the pics in them under the heading "Choose from many different styles" within the source file.

Thanks for the help

[REDiPixel]

wow that is some weirdness. I would just create a 2 column layout. take those pics out of the middle of the content div. make "right" its on div and actually float it to the right.

cheers.

[davva]

Yep, I would of done that too, but they wanted the text to wrap around the images

[REDiPixel]

But it doesnt wrap around the images. Put <img src="images/test.jpg" width="140" height="140" alight="right" /> and cut out the div for a true wrap.