Problème de marge droite sur image

Bonjour,

Je rencontre un problème sous firefox qui n'apparait pas sous Internet Explorer (pour une fois !).
Lorsque j'essaye de mettre une image flottante à droite, celle-ci sort des blocs main et content sur firefox (on peur le voir ici à la troisième image) alors qu'elle reste bien sagement dans sa marge sous IE.

Voici le code pour insérer l'image :

<div class="right" style="width:30%"><img width="100%" src="blablabla" alt="bliblibli" /></div>

Dans ma feuille de style j'ai redéfini les blocs img contenu dans les objets de class .post :

.post img{
	margin: 0px;
	padding: 5px;
	border-style: solid;
	border-width: thin;
	border-color:#ECECEC;
}

et la classe "right" est la suivante :

.right{
	float: right;
	margin:0;
	padding:0;
	margin-left:20px;
}

Avez-vous une idée d'où peut venir ce problème ?