Problema IE con tabmenu

[mex23]

Ciao a tutti,
Ho creato una pagina cosi composta:
html

<div id="contenitore">
            <div id="menu">
                <ul>
                    <li >Home[*]Weblog[*]Submit[*]About[/list]
            </div>
<div id="contenuto">
jfgfgghfghfgfhfgh
</div>
</div>

css

html,body{margin: 0;padding:0}
body{
	font-family: arial,sans-serif;
	font-size: 76%;
	text-align: center;
	background:#fff url(../Img/sfondo2.jpg) repeat-x;}
div#contenitore{
	width:760px;	
	background:#ccc;
	margin:0 auto;
	padding:0;}
/*/////////////MENU////////////*/

div#menu{
	background-color:#000;
	padding:0;
	margin:0;
	height:26px;
	}
div#menu ul{
	white-space: nowrap;
	list-style-type: none;}
div#menu li{
	display: inline;
	}
div#menu a{
	color:#fff;
	background-color:#89A6B8;
	font: normal 1.5em/1.6em verdana,arial,sans-serif;
	text-decoration: none;
	padding:0px 4px}
div#menu a:hover{
	color: #ccc;
	text-decoration: none;
	background-color:#89A6B8;}
div#menu a#activelink{
	background-color:#476475;
	color: #fff;
	text-decoration: none}
/*/////////////FINE MENU////////////*/

div#contenuto{
	background-color: #476475;
}

Con Firefox funziona bene con IE invece ho uno spazio di una decina di px tra il div menu e contenuto, come posso eliminarlo?

Grazie

[floyd46]

ciao
se hai la pagina in rete sarebbe meglio;
leggere quel codice nn aiuta molto.
Floyd

[mex23]

ecco il file
grazie

[floyd46]

ciao
ho fatto di corsa qualche piccola modifica e nn c'è + lo spazio in IE. Ho solo potuto fare un confronto con FF ed IE 6.0.
Il codice CSS è:

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

body{
	font-family: verdana, arial,sans-serif;
	font-size: 76%;
	text-align: center;
	background:#fff url(../Img/sfondo2.jpg) repeat-x;}

div#contenitore{
	width:760px;	
	background:#ccc;
	margin:0 auto;
	padding:0;
}


/*/////////////MENU////////////*/

div#menu{
	background-color:#000;
	padding:0;
	margin:0 !important; /* per browser standard */
	margin: 0 0 -3px 0; /* per IE */
	height:26px;
	}

div#menu ul{
	margin:0;
	padding:0;
	/*white-space: nowrap;*/  /* sarebbe ?? */ 
	list-style-type: none;
}


div#menu li{
	margin:0;
	padding:0;
	display: inline;
	}

div#menu li a{
	margin:0;
	padding:0;
	color:#fff;
	background-color:#89A6B8;
	font: normal 1.5em/1.6em verdana,arial,sans-serif;
	text-decoration: none;
	padding:0px 4px;
	}

div#menu  li a:hover{
	margin:0;
	padding:0px 4px;
	color: #ccc;
	text-decoration: none;
	background-color:#89A6B8;
}

div#menu a#activelink{
margin:0;
padding:0px 4px;
background-color:#476475;
color: #fff;
text-decoration: none;
}
/*/////////////FINE MENU////////////*/

div#contenuto{ /* stabilire sempre un'altezza x elemento di blocco */ 
	background-color: #476475;
	margin:0;
	padding:0;
	height:20px;
	line-height:20px;
}

adesso fai un confronto con il codice che hai postato e vedi la differenza. Fammi sapere, ciao
Floyd

[mex23]

Grazie, ho risolto il problema!Ecco il risultato provvisorio

ciao ciao