Layout

Har byggt en fyrkolumnslayout med hjälp av CSS. Ett sidhuvud som sträcker sig över en meny och en innehållsförteckning. Sedan en sidfot längst ner som sträcker sig under menyn och innehålsförteckning. Men det ser schysst ut i IE men inte i FF. Vad är felet?

#sida {
width: 800px;
height: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}

#sidhuvud {
background-color: #DEB887;
width: 800px;
height: 150px;
border: black 1px solid;
}

#innehall {
background-color: #DEB887;
width: 200px;
height: 400px;
float: left;
border-left: black 1px solid;
}

#textruta {
background-color: #F0E68C;
width: 600px;
height: 400px;
overflow: auto;
float: left;
border-right: black 1px solid;
}

#textruta p {
margin-left: 40px;
}

#fot {
background-color: #DEB887;
width: 800px;
height: 50px;
border: black 1px solid;
position: absolute;
}

Utan att se html-koden så är det svårt att se hur du fått detta att se juste ut i någon webläsare överhuvud taget...
Vart hamnar foten någonstans? Får dina kolumner verkligen plats bredvid varandra under sidhuvudet när du har samma bredd som #sida + border? Eller kör du utan någon Doctype?

Visa html...