| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x304 | |
| 4 RenderBlock {HTML} at (0,0) size 800x304 | |
| 5 RenderBody {BODY} at (8,16) size 784x258 | |
| 6 RenderBlock {P} at (0,0) size 784x0 | |
| 7 RenderBlock {P} at (0,0) size 784x18 | |
| 8 RenderText {#text} at (0,0) size 671x19 | |
| 9 text run at (0,0) width 671: "Top box should have gray part extending
outside the black outline. Lower box should lie inside the outline" | |
| 10 RenderBlock {DIV} at (30,48) size 400x210 | |
| 11 layer at (38,64) size 250x100 | |
| 12 RenderBlock {DIV} at (0,0) size 250x100 [bgcolor=#008000] [border: none (50px
solid #808080) none] | |
| 13 RenderText {#text} at (0,0) size 101x19 | |
| 14 text run at (0,0) width 101: "box-sizing: auto" | |
| 15 layer at (38,174) size 200x100 | |
| 16 RenderBlock {DIV} at (0,110) size 200x100 [bgcolor=#008000] [border: none (50p
x solid #808080) none] | |
| 17 RenderText {#text} at (0,0) size 144x19 | |
| 18 text run at (0,0) width 144: "box-sizing: border-box" | |
| OLD | NEW |