Centrage image vertical

Bonjour,

Je cherche à centrer verticalement une image contenue dans un DIV.

Je connais bien la technique qu'il faut employer seulement j'ai un soucis lorsque mon DIV ne contient que l'image.

<div id="contenu">
      <div class="flottante" ><img alt="I1" src="I1.png" />I1</div>
	  <div class="flottante" ><img alt="I2" src="I2.png" />I2</div>
	  <div class="flottante" ><img alt="I3" src="I3.png" /></div>
      <div class="spacer">&nbsp;</div>
</div>

#contenu {
	margin: auto;
	margin-left: 184px;
	padding-top: 5px;
	height: 100%;
	text-align: center;
}

.flottante {
  background-color: #FFFFFF;
  margin: 2px;
  margin-bottom: 0px;
  /* float: left; */
  width: 180px;
  height: 80px;
  line-height: 85px;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: #656565;
  font-weight: bold;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

Pas de soucis pour I1 et I2 les DIV contiennent du texte donc les images sont bien centrés de manière verticale.

Par contre I3 non, l'image reste en haut.
Je suis obligé de mettre   pour que cela fonctionne.

Y a t'il un moyen de se passer de   ?
Pareille pour mon DIV spacer.

Merci.