| 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 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x576 | 5 RenderBody {BODY} at (8,8) size 784x576 |
| 6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderText {#text} at (0,0) size 405x19 | 7 RenderText {#text} at (0,0) size 405x19 |
| 8 text run at (0,0) width 405: "The inner blue image should be 50% as ta
ll as the outer yellow box." | 8 text run at (0,0) width 405: "The inner blue image should be 50% as ta
ll as the outer yellow box." |
| 9 layer at (8,30) size 304x540 | 9 layer at (8,30) size 304x540 |
| 10 RenderBlock (positioned) {DIV} at (8,30) size 304x540 [bgcolor=#FFFF00] [borde
r: (2px dashed #000000)] | 10 RenderBlock (positioned) {DIV} at (8,30) size 304x540 [bgcolor=#FFFF00] [borde
r: (2px dashed #000000)] |
| 11 RenderImage {IMG} at (2,2) size 300x272 [bgcolor=#0000FF] [border: (2px dash
ed #000000)] | 11 LayoutImage {IMG} at (2,2) size 300x272 [bgcolor=#0000FF] [border: (2px dash
ed #000000)] |
| 12 RenderText {#text} at (0,0) size 0x0 | 12 RenderText {#text} at (0,0) size 0x0 |
| OLD | NEW |