Problema con height e Internet Explorer

[mdk]

Hola, creo un div con una imagen de fondo, la cual tiene unas dimensiones de 16px de alto. En que Firefox si asigno 16px de alto, me los asigna correctamente, el problema es que en IE me asigna 19px, hay alguna forma de que me asigne 16px en vez de 19px, o no es posible?

Gracias.

[ArturoGallegos]

habría que ver que tienes dentro de este div y si existe alguna otra propiedad que le este afectando, de igual forma me pregunto ya asignaste algún reset CSS?

[mdk]

Bueno, en realidad es un span, aunque con el div me pasa lo mismo, tengo puesto esto: <span class="clase"></span> o <div class="clase"></div>

En el css:

.clase {
background-color: red;
height: 16px;
width: 25px;
}


Eh puesto un background-color, aunque realmente es un background-image: url("imagen.png"); pero da lo mismo, el alto del span o del div siempre es mínimo 19px, nunca menos. Tanto el div como el span no tienen ningun contenido dentro.

[mdk]

Ya lo solucioné, hay dos opciones:

1- font-size: 1px;
2- overflow: hidden;

[ArturoGallegos]

con ese css en FF e IE la altura es de 16px ya lo verifique, de allí que te aconseje revisar que tienes dentro de dicho elemento u otra regla css que pueda estar afectando.

de momento se me ocurre que tienes texto dentro y este tiene un interlineado superior a 16px prueba asignando

.clase {
background-color: red;
height: 16px;
width: 25px;
line-height:16px;
}

[mdk]

Si, como puse en el post anterior, ya lo solucioné.