Una linea bianca di troppo con ie7

[Stema]

Salve ragazzi. Ho un problema: visualizzando una qualsiasi pagina del mio sito con ie7 accade che, tra l'header ed il div della navigazione orizzontale, appare una linea bianca di troppo. Vi posto lo screenshot ed il codice css e html della pagina:

    <div id="container">
	
        <div id="header">
	     [img]immagini/logo.gif[/img]
	</div>
		
        <div id="navigation">
		
		<div id="inbreve">
		</div>
			
	</div>
		
		
		<div id="navigationorizz">
					<ul>
    					<li id="activelink"><a>Home</a>
    					[*]Grandi Eventi
    					[*]Preghiere
    					[*]Carpineto Romano
    					[*]Guestbook
						[*]Link amici
						[*]Contattaci
					[/list]
		</div>
		
		
        <div id="content">
	</div>
        <div id="footer">
		Qui il footer
        </div>
    </div>

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, sans-serif;
	font-size: 76%;
	text-align: center;
}

div#header {
	margin-bottom: 0;
	padding-bottom: 0;
}

div#container {
	width: 760px;
	margin: 0 auto;
	border: 1px solid #FF0000;
	border-top: none;
	background: url(immagini/sfondocontainer.gif);
	background-repeat: repeat-y;
}

/* INIZIO CODICE NAVIGAZIONE VERTICALE*/

div#navigation {
	float: left;
	width: 150px;
	margin-top: 10px;
} 

div#inbreve {
	width: 145px;
	height: 200px;
	margin-left: 5px;
	background: url(immagini/inbreve.gif);
	background-repeat: no-repeat;
	text-align: left;
}

/* FINE CODICE NAVIGAZIONE VERTICALE*/

/* INIZIO CODICE MENU' A TABS ORIZZONTALE */

div#navigationorizz {
    background-color: #FFFF66;
    border-bottom: 1px solid #FF3300;
	font-size: 13px;
	font-family: "Palatino Linotype";
	color: #FF0000;
	text-align: center;
	margin-left: 160px;
} 

div#navigationorizz ul {
	list-style-type: none;
	margin: 0;

}

div#navigationorizz li {  
    display: inline;
}

div#navigationorizz li a {  
    text-decoration: none;
	padding: 0 3px;
}

div#navigationorizz li a:hover {  
	font-weight: bold;
	background-color: #FFFF66;
}

div#navigationorizz li#activelink a {
    border-bottom: 2px solid #FFFFFF;
    background-color: #FFFFFF;
    border-top: 1px solid #FF3300;
	border-right: 1px solid #FF3300;
	border-left: 1px solid #FF3300;
}
	
/* FINE CODICE MENU' A TABS ORIZZONTALE */


div#content {
    margin-left: 160px;
}

div#footer {
    clear: left;
	font-size: 10px;
	border-top: 1px solid #FF0000;
	background: #FFFFFF;
}

[Stema]

Questa è l'immagine:

[Vincent.Zeno]

pare essere il solito problema di IE....

modifica così:

<div id="header">[img]immagini/logo.gif[/img]
</div>

[Stema]

Grazie, Vincent, non avrei mai immaginato che quegli spazi "anonimi" (che a me piacciono tanto per una questione di ordine) fossero la causa del problema. Ti dirò di più: ho dovuto scrivere direttamente tutto su una riga, in questo modo

<div id="header">[img]immagini/logo.gif[/img]</div>

Certo, però, mi rode un po' perchè io con quel tipo di spaziatura avevo una migliore leggibilità del mio codice.

Grazie ancora.

[Vincent.Zeno]

mi pareva... si: è la posizione del tag di chiusura che conta

[Stema]

Ok, grazie ancora.