Buongiorno a tutti. Ho un problema con il float assegnato a delle immagini in ie. Mi rimane uno spazio tra le immagini, nonostante abbia impostato padding a 0 e margin a 0 mentre in firefox funziona alla perfezione. Posto il codice

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<link rel="stylesheet" type="text/css" href="css/main.css" media="screen">
</head>

<body>
	<div id="container">
	<div id="header">
	<div id="icons">
		[img]image/ico_home.jpg[/img]
		[img]image/ico_chi_siamo.jpg[/img]
		[img]image/ico_comitato_direttivo.jpg[/img]
		[img]image/ico_statuto.jpg[/img]
		[img]image/ico_soci_onorari.jpg[/img]
		[img]image/ico_board_scientifico.jpg[/img]
		[img]image/ico_contatti.jpg[/img]
		[img]image/ico_lente.jpg[/img]
		<input type="Text" name="cerca" id="cerca">
		[img]image/ico_cerca.jpg[/img]
		[img]image/ico_login.jpg[/img]
	</div>
</div>
	</div>
</body>
</html>
Questo è il css

codice:
body{
   background-color: #d3d3d3;
   text-align: center;
}

div#container{
   width: 932px;
   background-color: #ffffff;
   text-align: left;
   margin:0 auto;
   position:relative;
   top:130px;
}

div#header {
	height:46px;
	margin:0;
}

div#icons{
   width: 932px;
   padding: 0px;
   float:left;
   height: 46px;
   border: 0px;
   margin: 0px;
   background-color: #535353;
}

div#icons img{
   float: left;
   padding: 0px;
   margin: 0px;
   border: 0px;;
}
div#icons input{
   padding: 0px;
   float: left;
   width: 85px;
   height: 13px;
   position:relative;
   top:17px;
}
Tra le immagini e l'input box rimane sempre un margine esterno. Perchè?

Grazie