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;
}