Salve a tutti, stavo facendo un sitarello per un amico, e non ho capito, nel div navigation (ho preso lo schema dai tutorial css di html.it) e nel div header perchè si forma uno spazio...

il link: http://marius.m4d.sm/gianlu

Se vedete sia l'header sia il navigation (quello azzurro) hanno degli spazi strani... eppure la tabella che contiene l'etichetta ha cellpadding e spacing a 0 e tutti i padding e margin del css sono a 0... che c'è che non va?

Grazie

Il css è queso:
codice:
/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 76%;
}

/*stili generici, su header e footer*/
div#header{background-color:#36C;color: #ff0;
			margin: 0;padding: 0;
width:709px}
h1,h2{margin: 0;padding:0}

div#footer{text-align:center;padding: 0;
    		background-color: #69c; color: #000}
div#footer a{color: #fff;font-weight: bold;
			text-decoration: underline}
div#container {
margin:0 auto; padding:0;
width:709px;
border: solid 1px #ccc}

/*stili specifici per il layout*/
div#navigation{background-color:#9cf;
margin: 0;
padding: 0;}
div#content{padding: 1em;
}