El no mágico aumento de un contenedor

Texto cortado

un texto de pocas palabras

{
width: 100px;
padding: 10px;
border: 3px solid #f00;
}

border + padding + width + padding + border

3 + 10 + 100 + 10 + 3 = 126px ancho (correcto)

IE: la caja es de sólo 100px de ancho. El espacio para el contenido se reduce a 74px (falso).

Índice Capítulo 5
Contenido material adicional