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