IE7 Float Issues

The box in the right had column floats outside the main div wrapper in both of these examples. It looks fine in FireFox, and different in IE7. I cannot remedy. Please help.

Robert JJ


I didn’t see any difference in iE7 or did you mean IE6 as that is broken?

IE6 has the double margin float bug (see faq on floats) which can be fixed like this:

#narrative {
    width: 538px;
    height: auto;
    margin: 0 2px 0 187px;
    float: left;
    [B]display:inline;[/B]/* ie6 double margin bug fix*/

Thanks again Paul O’B, worked like a charm. I am just about ready to put it up.
I guess I did mean IE6.

Robert JJ