Hola tengo un pequeño gran problema con el tipico Firefox Vs IE.
He creado cuatro divs con la siguiente extructura:
En principio lo he creado y en Firefox se ve perfecto, pero cuando voy al IE (8 y 7) se ven muy mal, algo así:
He ido creado la hoja de estilo retocando con el Firebug y me ha quedado así:
Código HTML:
.caja-principal
{
width:70%;
margin-left:120px;
}
.caja-quees
{
float: left;
margin-right: -45px;
padding-left: 12px;
width: 310px;
}
.caja-missio
{
float: left;
margin-left:-264px;
margin-right: -32px;
margin-top:104px;
width: 341px;
}
.caja-governanca
{
float: left;
margin-left:-308px;
margin-top:234px;
}
.caja-objectiu
{
float: right;
margin-right: -45px;
}
Y el codigo de los div:
Código HTML:
<div class="caja-principal">
<div class="caja-quees">
</div>
<div class="caja-missio">
</div>
<div class="caja-governanca">
</div>
<div class="caja-objectiu">
</div>
</div>
¿que puedo hacer para que se vea bien en IE tambien?
Gracias de antemano.