Position is Everything

box2: float: right; width: 50%;

box3 'absolutamentee' desplazado

box3: position: absolute; top: 0; right: 0; width: 50%;

box5: float: right; width: 100%; margin-right: 100px;

box6: float: left; width: 100%; margin-left: 100px;

margin-right:50px, IE = 100px (Double-Margin-Bug)

box7: float: right; width: 50%; margin-right: 50px;

box8: float: right; width: 50%; margin-right: -50px;

box8: float: right; width: 50%; margin-right: -50px; position: relative;

Los tres muestran un error en IE.

box9: float: right; width: 150px; height: 100px;

box10: float: left; width: 150px; height: 100px; margin-top: -20px;

box10a: float: right; width: 150px; height: 100px; margin-top: 20px;

box11: float: left; width: 30%; height: 50px;

box11b: float: right; width: 50%; height: 150px;

box11a: width: 30%; height: 100px; margin: 0 auto;

Tres situaciones diferentes que son iguales en IE:

box12: float: left; width: 100px; height: 100px;

box12a: width: 200px; height: 70px;

box12: float: left; width: 100px; height: 100px;

box12b: position: relative; width: 200px; height: 70px;

box12: float: left; width: 100px; height: 100px;

box12c: width: 200px; height: 70px; margin-left: 100px;

Índice Capítulo 5
Contenido material adicional