[Résolu][box-sizing:border-box] ne marche que sur un element firefox

Bonjour a vous, j'ai un dernier soucis de compatibilité sur la régle box-sizing et firefox.

<div class="grid_4 blocaccueil">
    <div class="vignette">
	<img src="./prod.jpg">
    </div><!-- @whitespace
--><div class="vignette">
	<img src="./prod.jpg">
    </div><!-- @whitespace
--><div class="vignette">
	<img src="./prod.jpg">
    </div><!-- @whitespace
--><div class="vignette">
	<img src="./prod.jpg">
    </div>

.blocaccueil{
  border: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}
.vignette{
  width: 50%;
  height: 250px;
  margin: 0;
  display: inline-block;
  border: 1px solid #f2f2f2;
[#darkred]  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;[/#]
  box-sizing:border-box;
}

Le .blocaccueil et affiché correctement mais la .vignette ne prend pas en compte le border-box sous firefox seulement. Savais d'ou vient mon soucis ?

Edit: C'est juste un soucis de préfix milles excuses.
Cordialement Rémi F.
Modifié par remif (04 Apr 2014 - 16:15)

Et oui.