El problema es el
modelo de caja.
Mientras que para todos los navegadores una caja mide el tamaño que le dés más los bordes y el espaciado (padding) , por ejemplo:
tamaño caja 100px + borde 5px + padding 10px =
130px (conjunto total)
para explorer lo que mide el tamaño que le dés es el conjunto total, de manera que:
100px (conjunto total) - borde 5px - padding 10px =
70px (tamaño caja)
Esto es muy importante a tener en cuenta para todo lo que construyas.
¿Cómo se soluciona? dando medidas diferentes a uno y otro a través de !important, que IE no entiende y hace que un atributo prevalezca sobre otro:
#caja {
border: 5px;
padding: 10px;
width: 100px!important;
width: 130px;
}
Para que esto sea exacto hay que estudiar cada caso concreto, pero la cosa va por aquí.
Mikel.