IE8, <div>, columnas y alineacion horizontal

[Ludwingg]

Mi problema es que las imagenes que meto en unos <div></div> no quedan a un mismo nivel, es decir, la alineación horizontal no queda a un mismo nivel solo en IE8... mi css:

Código:

#modelBio{
	margin:54px auto;
	width:974px;
	background-image:url(img/backmodel.png);
	background-repeat:repeat-y;
	vertical-align:top;
}
#modelBio .ileft{
	width:184px;
	float:left;
}
#modelBio .icenter{
	width:407px;
	float:left;
}
#modelBio .iright{
	width:383px;
	float:left;
}

mi html:

Código:

<div id="modelBio">
		<div class="ileft"><img src="img/slider.jpg" alt="slider-model" width="184" height="718" /></div>
		<div class="icenter"><img src="img/model.jpg" alt="model" width="407" height="718" /></div>
		<div class="iright">
			<div class="inameModel"><img src="img/inamemodel.jpg" alt="name-model" width="383" height="39" /></div>
			<div class="infoModelText">
				texto
			</div>
		</div>
		<div class="limpiar"></div>
	</div>

El div: <div class="ileft"> queda bien, pero los <div class="icenter"> y <div class="iright"> aparecen unos 10px mas abajo (en alineacion horizontal) solo en IE8, lo cual no deberia suceder.

Gracias

[Ludwingg]

vean esta imagen, y dense cuenta como el 1 queda a la altura indicada, pero el 2 y 3 no, cuando deberian quedar a la misma altura que 1

[CidDeMizar]

¿has probado a meterle un "margin-top=0;" en las definiciones de los divs de las imágenes y a ponerles un "display:inline;"?

Mira a ver si te funciona