| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x304 |
| RenderBlock {HTML} at (0,0) size 800x304 |
| RenderBody {BODY} at (8,16) size 784x258 |
| RenderBlock {P} at (0,0) size 784x0 |
| RenderBlock {P} at (0,0) size 784x18 |
| RenderText {#text} at (0,0) size 682x18 |
| text run at (0,0) width 682: "Top box should have gray part extending outside the black outline. Lower box should lie inside the outline" |
| RenderBlock {DIV} at (30,48) size 400x210 |
| layer at (38,64) size 250x100 |
| RenderBlock {DIV} at (0,0) size 250x100 [bgcolor=#008000] [border: none (50px solid #808080) none] |
| RenderText {#text} at (0,0) size 104x18 |
| text run at (0,0) width 104: "box-sizing: auto" |
| layer at (38,174) size 200x100 |
| RenderBlock {DIV} at (0,110) size 200x100 [bgcolor=#008000] [border: none (50px solid #808080) none] |
| RenderText {#text} at (0,0) size 147x18 |
| text run at (0,0) width 147: "box-sizing: border-box" |
