HTML Code:
.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div */
padding-right: 165px; /* Our right column width */
}
.inner {
width: 100%;
}
.float-wrap {
float: left;
width: 97%;
margin-left: -165px; /* Same length as .outer padding-left but with negative value */
}
#content {
float: right;
margin-right: -165px; /* Same length as .outer padding-left but with negative value */
width: 100%;
line-height:1.6;
position: relative; /* IE needs this */
}
.contentWrap {
padding: 5px 0 5px 5px;
}
#navColumnOne {
float: left;
position: relative; /* IE needs this */
}
#navColumnTwo {
float: right;
margin-right: -165px; /* This negative margin-right value is in this example the same as the right column width. */
position: relative; /* IE needs this */
}
* html #navColumnTwo {
margin-right: -170px !important; /* Fixes IE6 Issue */
I thought I had a good understanding of this. Hmmmmm