left column categories appear half way down the page in ie6 (only). column width in admin set to left 165 right 150.
.outer {
padding-left: 165px; /* Same width as margin-left for the float-wrap div */
padding-right: 150px; /* 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;
margin-top: 0px;
position: relative; /* IE needs this */
}
#navColumnTwo {
float: right;
margin-top: 0px;
margin-right: -150px; /* 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 */
}
if i change all instances of 165 above to 180, it moves the left column back to the top in ie6, but it pushes the left column categories outside the page to the left on the product pages.
any ideas?
