Diferencia en Alto de DIVS sin height fijo

gonzalosch · #1 (**permalink**) 19/08/2011, 13:10

El texto en Ie9 tiene un alto distinto que en ie8 y firefox.

Les armo un ejemplo para entender la situación:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css" >
    
body
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #626262;
}

*, S, td
{
    padding: 0;
    margin: 0;
    outline: 0;
}
    
    </style>
</head>
<body>
<div style="position:relative; top:10px; margin:auto; width:500px; height:100px; background-color:Aqua;  " >
<div style="background-color:Green ;">Texto Texto Texto</div>
<div style="background-color:Navy;">Otro Div, Otro Div</div>
</div>
</body>
</html>

Una imágen capturada de IE9, donde superpongo la misma área capturada de firefox y de los modos ie8 e ie7 (con internet explorer 9)

Alguien me puede dar una mano con esto y que se vea igual en todos los navegadores??
gracias.