Sono un po' arrugginito sui css.

Sto facendo un sito con layout:
header (riga)
menu (riga)
{corpo: [corpo sx (colonna) corpo dx (colonna)]} (riga)
footer (riga)

tra menu header e corpo dx e sx non ci sono spazi.
Rimane spazio tra corpo e footer e tra header e l'inizio della pagina.

Un po' di html:

Codice PHP:
<body>
 <div id="testa"></div>
  <div id="pippo">
  </div>
   <div id="corpo">
   <div id="corpo-colonna1-home"></div>
   <hr />
   <div id="corpo-colonna2"></div>
  </div>
  <div id="piedipagina"></div>
</body> 
ed un po' di css:

Codice PHP:
body { 
    margin:0; 
    padding:0; 
    text-align:center; 
}

#testa {
    width:800px;
    height: 90px;
    margin: auto;
    padding: 0;
    text-align:center;
}

#pippo {
    width: 800px;
    margin: 0 auto;
    padding: 0;
    text-align:center;
    background-color:#D88207;
}

#corpo {
    width:800px;
    margin: auto;
    text-align:left;
    position:relative;
}

#corpo-colonna1-home {
    background-image: url(blu3.png);
    background-repeat: true;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width: 90px;
    height: 650px;
}

#corpo-colonna2 {
    background-image: url(orange_.png);
    background-repeat: true;
    margin-left: 90px;
    width: 710px;
    height: 650px;
}

#piedipagina {
    top:0;
    padding: 0;
    width:800px;
    height: 15px;
    margin: auto;
    text-align:center;
    background-color:#D88207;
    text-decoration: none;
    color:white;
    font-family:verdana;
    font-size:8pt;
    vertical-align:center;
} 
Non vedo dove ho sbagliato