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