El efecto de los píxeles del modelo de caja precisa retoques

Box .b1
Box .b2
Box .b3
#wrap {
width: 300px;
height: 100px;
border: 1px solid #f00;
}
.b1, .b2, .b3 {
float: left;
width: 100px;
height: 100px;
}

Container *wrap* (300px de ancho) se extiende a tres cajas de 100px de ancho(correcto).

IE: el borde no se añade al ancho, por lo tanto, el contenedor *wrap* no es suficiente para la caja derecha de abajo (falso).

Índice Capítulo 5
Contenido material adicional