IE / FF : positionnement

Bonjour,

Comme beaucoup, j'ai un problème de rendu entre IE et FF.

J'ai une image :
le CSS : #image{float:right; margin-left:20px; border:solid;}
le xhtml : <img id="image" src="image" alt="image" width="100" height="125" />

Pour que cette image soit valide W3C, je dois renseigner width et height (xhtml strict). Seulement, le model box de Ie pose soucis puisque margin ne s'ajoute pas au dimensions :
voir sur cette page, c'est bien expliqué : https://openclassrooms.com/fr/courses

Y a t-il un moyen de faire dans ce cas là un css équivalent entre IE et FF (pour mon cas précis, cad, les margin et les padding) ?

PS : si le problème n'était que sur cette image, ça m'embeterait pas trop, mais comme j'ai fait une carte avec des zones cliquables qui sont décalées par rapport à ce qu'elles devraient être, et ben ça m'embete bien

merci à vous