in FF/Chrome it’s cool, but in IE it breaks (png fix to be applied later). Check it in FF/Chrome first to see it as it "should" be. There are several divs of importance:
#pageWrap: centered, relative
#gutterLeft: float left, padded out
#contentWrap: 100% width, relative
#content: float left, centered, width defined
#gutterRight: float left, padded out
What I’m expecting, is for there to be a gutter line (it’s a 1px width little embellishment to draw out the left/right edges of the content) on the left and right of the content that the two float: left; #gutter divs "sandwich". It works fine enough in FF/Chrome, but not in IE.
In IE (specifically IE7) the left gutter line floats left, stays put, just works. The content floats left too (i think?) and look reasonably as expected… then the right gutter, drops to the next "line" below the #content div, as opposed to, to it’s right.
I feel like it’s a straight forward fix, but can’t wrap my mind around it. Any help would be amazing.
CSS: there’s more to the site obviously, but this is where my gut says to focus…