[Ovillo] Div's IE vs Div's FF

[SiMs ViKiTo]

Hola a todos,

Tengo una cuestión de divs que no consigo resolver. Se trata de una tabla, en la que las columnas son de la siguiente clase CSS:

.DatoTabla{
    font-size: 12px;
    font-weight : bold;
    text-align:left;
    width:20%;
    display: inline;
    color: #FFFFFF;
    background-color: #6557D0;
    overflow:hidden;
}

Voy colocando las capas una tras otra, y las capas van quedando en linea, formando las celdas de la tabla. El problema viene porque en IE el width de 20% se cumple, y hace que queden con una separación entre sí, sin embargo, en Firefox se quedan juntas, y aparecen los textos pegados unos a otros. Creo que se debe a que Firefox ajusta el tamaño de la capa a su contenido, sin embargo IE mantiene cierto tamaño independientemente del contenido :S

Este es el codigo de la pagina:

                <div class="Tabla">
                    <div class="DatoTabla">Nombre</div>
                    <div class="DatoTabla">Nick</div>
                    <div class="DatoTabla">Email</div>
                    <div class="DatoTabla">URL</div>
                </div>

donde la clase Tabla es,

.Tabla{
    width:100%;
    text-align:left;
    margin: auto;
    background-color: #D2D8F9;
}

Muchas gracias

Saludos

- ViKiTo =)

_________________________________________________________________
La vida de los famosos al desnudo en MSN Entretenimiento
http://entretenimiento.es.msn.com/