3 columns layout with header and footer

problems in IE

[fwordboy]

this is what i've got

#boxwrap {
background-color: #FFFFFF;
border: 1px solid #000000;
position: relative;
width: 85%;
top: 20%;
bottom: 20%;
margin: 0 auto;
padding: 0;
}
#header{
float: left;
}
#logo{
clear: left;
float: left;
}
#content{
clear: none;
float: left;

}
#nav{
clear: none;
float: left;
}
#footer{
clear: both;
}

mozilla displays them as i'd like

<BOX>
HEADER
LOGO CONTENT NAV
FOOTER
</BOX>

but IE6 does this

<BOX>
HEADER CONTENT NAV
LOGO
FOOTER
</BOX>
giving the layers a position (either relative or absolute makes things worse.)
Help

[amznVibe]

Save yourself some time, most known 3 column layouts and compatibilities:
[css-discuss.incutio.com...]

[fwordboy]

thankyou. exactly what I was looking for.