Ciao a tutti,
ho questo codice html:


codice:
<style type="text/css">
<!--
body {
	margin:0px;
}
#top1 {
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:543px;
	height:42px;
	float:left;
	line-height:42px;
	margin:0px;
}
#top2 {
	background-image: url(images/top2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:42px;
	float:none;
	line-height:42px;
	margin:0px;

}
#bottom1 {
	background-image: url(images/bottom.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:20px;
	line-height:20px;
	float:none;
	margin:0px;
}
#bottom2 {
	background-image: url(images/bottom2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:186px;
	height:20px;
	line-height:20px;
	float:right;
}
-->
</style>
</head>

<body>
<div id="top1"></div><div id="top2"></div>

<div id="bottom2"></div><div id="bottom1"></div>

</body>
</html>
tra i 2 div top e i 2 div bottom c'è un margine bianco... perchè?
La cosa divertente è che su Firefox non c'è, su Internet Explorer si.
Perchè? Grazie