Ciao a tutti.
Ecco di seguito cosa vedo in IE 6.0:


ed ecco la stessa cosa in FireFox 1.5.0.9:


Questo è il codice della pagina html:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Modello</title>
<style type="text/css" media="all">@import "Immagini/modello.css";</style>
</head>
<body>
	<div class="contenitore">
		<div class="top01"></div>
		<div class="top02"></div>
		<div class="top03"></div>
		<div class="top04"></div>
		<div class="top05">
			<div class="testoSlogan"></div>
			<div class="sottoTop05"></div>
		</div>
	</div>
</body>
</html>
E questo è è il contenuto del file modello.css:
codice:
body {
	background-color:#cf9f01;
}
.contenitore {
	width:748px;
	background-color:#7f7f7f;
	height:70px;
	margin: 0 auto;
	padding: 0;
}
.top01 {
	width:126px;
	height:138px;
	background-image:url(top01.jpg);
	float:left;
}
.top02 {
	width:92px;
	height:138px;
	background-image:url(top02.jpg);
	float:left;
}
.top03 {
	width:142px;
	height:138px;
	background-image:url(top03.jpg);
	float:left;
}
.top04 {
	width:160px;
	height:138px;
	background-image:url(top04.jpg);
	float:left;
}
.top05 {
	background:#cf9f01;
	width:228px;
	height:138px;
	float:left;
}
.sottoTop05 {
	width:226px;
	height:12px;
	background-color:#7f7f7f;
	margin-top:13px;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
}
.testoSlogan {
	width:210px;
	height:85px;
	background-image:url(slogan.jpg);
	background-repeat:no-repeat;
	margin-left:13px;
	margin-top:26px;
}
In conclusione: il bordo grigio che vedo in IE non deve esserci, infatti in FF il layout è giusto.
Mi aiutate a capire dove sbaglio? Ho cercato in giro ma non ho trovato niente che mi facesse capire dov'è il problema.