il codice del css è il seguente:
codice:
body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: white;
font-family: verdana;
font-size: 13px;
color: #000000;
}
.clearfix{
clear: both;
}
img{
border: none;
}
a{
outline: none;
}
#contenitore{
text-align: center;
}

#top{
margin: auto;
height: 24px;
width: 850px;
background: url(../img/top.jpg) repeat-x;
padding: 0px;
}
#divisore_top{
margin: auto;
height: 8px;
width: 850px;
background: url(../img/divisore_top.jpg) repeat-x;
padding: 0px;
}
#header{
margin: auto;
height: 116px;
width: 850px;
background: url(../img/header.jpg) repeat-x;
padding: 0px;
}
#menu_bg{
margin: auto;
height: 42px;
width: 850px;
background: url(../img/menu.jpg) repeat-x;
padding: 0px;
}
#divisore_body{
margin: auto;
height: 3px;
width: 850px;
background: url(../img/divisore_body.jpg) repeat-x;
padding: 0px;
}
#body{
margin: auto;
height: 341px;
width: 850px;
background: url(../img/body.jpg) repeat-x;
padding: 0px;
}
#testo{
margin: auto;
text-align: left;
width: 850px;
background: url(../img/body_2.jpg) repeat;
padding: 0px;
}
#bottom{
margin: auto;
height: 24px;
width: 850px;
background-color: #666666;
padding: 0px;
}
il codice nell'index è il seguente:
codice:
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="css/stile.css" />
	
</head>
<body>
<div id="contenitore">
	<div id="top"></div>
	<div id="divisore_top"></div>	
	<div id="header"></div>
	<div id="menu_bg"></div>
	<div id="divisore_body"></div>
	<div id="body"> oaisdfij iasdfjiojasdfjioajsdfiojaiosjdf 
in af uina us n
 ioafuhuibausdf</div>
	<div id="testo">iadnfinadfn uiasnfu 
sdonfubnsdnfionsd 

</div>
	<div id="bottom"></div>
	
</div>

</body>
</html>
Il risultato con firefox(corretto) è questo:
http://versiontown.altervista.org/sito_ffx.jpg

con IE8 invece compaiono degli spazi tra vari DIV.
http://versiontown.altervista.org/sito_ie8.jpg

Dove ho sbagliato??