Varför olikt i IE o FF?

Sitter och fixar med min första riktiga uppbyggnad med divs men har fastnat. I Firefox ser det bra ut men IE lägger på någon sorts border.

Firefox:

Ie:

Jag har en container med grå bakgrund. I den ligger en div header(ni ser högerhörnet på den). Efter headern Ligger en div kallad mainbox som har grön bakgrund. Har 0 i marginaler och etc och det ser man ju i FF men varför lägger IE en border eller nått runt? Vill ju som sagt inte se bakgrunden utan den gröna divven ska ligga direkt under headern.

Visa oss gärna din kod.

html, body{
  background-color:#000000;
  height:100%;
  text-align:center; 
  margin: 0px;
  padding: 0px;
  background: #000000 url(img/gradient.jpg) top left repeat-x;
}

#container{
    width:950px; 
    min-height: 100%; 
    background: #2C2C2C; 
    margin:0 auto;  
    margin-left: 0 auto;
    text-align: left;
}
#border-left{
    width: 25px;
    height: 1000px;
    margin-left: 0px;
    background: url(img/border-left.jpg) top left;
    float: left;
}
#border-right{
    width: 25px;
    height: 1000px;
    margin-left: 0px;
    background: url(img/border-right.jpg) top left;
    float: right;
}

#header{
    margin-top: 0px;
    margin-left: 25px;
    height: 150px;
    background: url(img/header.jpg) top left no-repeat;
}

#headerImage{
    position: absolute;
    width: 648px;
    height: 110px;
    font-family: verdana;
    background: url(banners/banner.jpg) top left no-repeat;
    margin-left: 226px;
    margin-top: 20px;
    float: left;
}

#menu {
    position: aboslute;
    font-family: verdana;
    font-size: 10px;
    padding: 0px;
    margin-right: 0px;
    width: 687px;
    background: url(img/knapp.jpg) top left ;
    float: right;
}

#mainbox{
    width: 160px;
    height: 150px;
    margin-top: 30px;
    margin-left: 0px;
    padding: 10px;
    background: green;
}

<div id="container">
    <div id="border-left">
    </div>
    <div id="border-right">
    </div>

    <div id="header">
        <div id="headerImage">
        </div>
    </div>

    <div id="menu">
        <img src="img/knapp.jpg" alt="Menyval">
    </div>
    
    <div id="mainbox">
    </div>
 </div>

har upptäckt att om jag tar bort mina divvars för mina borders så ser man inte containerbakgrunden mellan divvarna och den vanliga bakgrunden. Så antar att något är knas med dem.

Hmm... Du har inte en länk till sidan så att man kan se helheten ?

Har du skrivit DOCTYPE?
Jag märkte att det gjorde en viss skillnad utan den raden.