I am trying to design a page based on the 3 column / faux column technique given in chapter 8 of Dan
Cederholm's excellent new book "Bulletproof Web Design" .
I have downloaded the sample code for the book.
My design is very similar, the differences being
1) The column widths are different.
2) Obviously the sliding gifs have been changed to match.
3) The page is centered by giving body margin: 0 auto; and text-align center; wrap is given
width:90%; text-align: left;
4) A horizontal navigation div is inserted between the header div and main-body divs.
Everything displays OK in Firefox 1.0.6, Opera 8.02 and Netscape 7.2 but in IE6 the background image
for the left hand faux column (the one for wrap-inner) displays under the new horizontal navigation
div but on top of the header div!
It's as if IE thinks that the header div is somehow sandwiched between the wrapper and wrapper-inner
The right hand faux column works OK.
An example of the problem can be seen at
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/