IE Double-Float CSS Bug

Has anyone seen this problem before and have any idea how to solve it? In firefox, the text wraps around both floats correctly. In IE6/7, the text only wraps around the second float.

IE Double Float Bug

Posted on June 30, 2008. Filed under Web Development, , , , , , .

Scott Vandehey

By Scott Vandehey, Front-End Web Developer

3 Comments on IE Double-Float CSS Bug

  1. Did you fix your bug? I do not see a problem on my IE’s. The layout looks identical on all my browsers (FF, IE6, IE7, Safari).

    Posted on Jul 1, 2008.

    By Ryan

  2. Take the second floating div and put it directly under the first one, as opposed to it being under the second P tag.

    Like this:

    Posted on Jul 7, 2008.

    By Anton Legoo

  3. Thanks guys!

    I spoke to Ryan, and it turns out he was looking at an old version of the code, which is why he didn’t see the difference.

    And I ended up using the suggestion Anton made in many cases, but there were a few places where I couldn’t due to problems the source code ordering.

    Posted on Jul 7, 2008.

    By Scott Vandehey