Probleme de compatibilite firefox / IE

Salut à tous !

je suis en train de développer mon site perso et l'eternel probleme ( IE bien sur ) se pose encore.

je suis en train de mettre en place un formulaire avec des images en utilisant les css.
C'est en fait un banal tableau mis en forme par mon css
Mon code css en parfait lorsque je regarde ma page avec Firefox mais avec IE il me met des espace entre chaque image.

pour plus de details regardez cette image : https://imageshack.com/

et voila mon css :

#formulaire{
width:125px;
height:99px;
}
#login{
height:24px;
background-image:url(images/test1_06.png);
background-repeat:no-repeat;
}
#space1{
height:9px;
background-image:url(images/test1_08.png);
background-repeat:no-repeat;
}
#pass{
margin-top:0;
height:24px;
background-image:url(images/test1_09.png);
background-repeat:no-repeat;
}
#space2{
height:8px;
background-image:url(images/test1_10.png);
background-repeat:no-repeat;
}
#connexion{
height:31px;
background-image:url(images/test1_11.png);
background-repeat:no-repeat;
}
#space3{
height:3px;
background-image:url(images/test1_12.png);
background-repeat:no-repeat;
}

formulaire c'est mon conteneur
login la premiere partie blanche
space1 la separation
pass la deuxieme partie blanche
space2 la deuxieme separation
connexion mon bouton
et space3 la partie sous le bouton

j'espere que j'ai été clair et que vous trouverez

d'habitude la compatibilité entre firefox et IE me pose pas de probleme mais la je bloque

Merci d'avance