Différence placement image sous IE et firefox

Bonjour,

J'ai 4 images :

<div class="image1">
<img src="photos/image1.jpg" alt="..." width="160px" height="120px">
</div>
<div class="image2">
<img src="photos/image2.jpg" alt="..." width="160px" height="120px">
</div>
<div class="image3">
<img src="photos/image3.jpg" alt="..." width="160px" height="120px">
</div>
<div class="image4">
<img src="photos/4.jpg" alt="..." width="160px" height="120px">
</div>

Ces images doivent être affichées comme celà :
mon_image___dutexte___mon_image
numero_1____dutexte___numero_2
mon_image___dutexte___mon_image
numero_3____dutexte___numero_4

explication : j'ai image1 et image2 en première ligne alignées l'une à gauche, l'autre à droite. Meme chose pour image3 et image4 en dessous de image1 et image2.

Mon code CSS fonctionne bien sous firefox, mais pas sous IE , le voici :
.image1{float:left;}
.image2 {float:right;}
.image3 {float:left; clear:both;}/*clear:both pour être en dessous des 2 images précédentes*/
.image4 {float:right; padding-top:15px;}

Quelqu'un peut-il m'aider à ce que celà fonctionne sous IE ???

merci d'avance

Configuration: Windows XP
Firefox 2.0.0.9