Ciao a tutti ho questo codice html

codice:
<div id="Right">
	<ul>
		[*][img]../img1.jpg[/img]
		[*][img]../img2.jpg[/img]
		[*][img]../img3.jpg[/img]
		[*][img]../img4.jpg[/img]
	[/list]
</div>
che è gestito dal codice css:

codice:
 #Right{
	background-color:#CCCCCC;
	width:347px;
}
#Right ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:0px;
}
#Right ul li{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:1px;
}
#Right ul li img{
	border:0px;
}
Ora da impostazioni del css e dall'html mi aspetterei di vedere una cosa tipo:
codice:
+------------------------------------------+
|                                          |
|                   IMG1                   |
|                                          |
|                                          |
+-------------+---------------+------------+
|             |               |            |
|    IMG2     |     IMG3      |    IMG4    |
|             |               |            |
+-------------+---------------+------------+
In Firefox vedo la cosa bene, cioè, la prima immagine in alto più grande e quelle più piccole sotto quella più grande, in fila e con un margine di 1px a sinistra tra l'una e l'altra.

Ora su IE putroppo me lo visualizza male, lo spazio verticale le immagini sotto è di 3px e lo spazio a sinistra non è di 1px come da css ma di 2px, rovinando la grafica mandandomi ulteriormente a capo l'IMG4.
Vedendo quindi una cosa tipo
codice:
+------------------------------------------+
|                                          |
|                   IMG1                   |
|                                          |
|                                          |
+-------------++--------------+------------+
|             ||              |
|    IMG2     ||    IMG3      |
|             ||              |
+-------------++--------------+
|             |
|    IMG4     |
|             |
+-------------+
DOVE SBAGLIO?????