Re: [Solved] IE7 “float:left;” Dropping Below

[copperSmith]

YEAH BOYEEE!!!

Here was the fix: The changed declaration blocks in the second code section below, are those where the declarations are NOT indented.

Awesome. Between firebug, css-tricks.com and a firm wall to beat my head against… anything’s possible!

FROM THIS:

Code:

#pageWrap {
position: relative;
width: 750px;
margin: 0 auto;
padding: 300px 0 200px;
}

#contentWrap {
position: relative;
width: 100%;
#width: 600px;
}

#content {
float: left;
width: 650px;
margin: 0 auto;
}

#gutterLeft {
float: left;
/*width: 1px;*/
padding-right: 49px;
}

#gutterRight {
float: left;
/*width: 1px;*/
padding-left: 49px;
}

TO THIS:

Code:

#pageWrap {
position: relative;
width: 750px;
margin: 0 auto;
padding: 300px 0 200px;
}

#contentWrap {
float:left;
width:600px;
}

#content {
float:left;
margin:0 auto;
width:650px;
}

#gutterLeft {
float: left;
/*width: 1px;*/
padding-right: 49px;
}

#gutterRight {
float:right;
padding-left:49px;
}