| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x8 | 3 layer at (0,0) size 800x8 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x8 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x8 |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x0 | 5 LayoutBlockFlow {BODY} at (8,8) size 784x0 |
| 6 layer at (10,10) size 10x10 scrollHeight 20 | 6 layer at (10,10) size 64x10 scrollHeight 20 |
| 7 LayoutBlockFlow (positioned) {DIV} at (10,10) size 10x10 [bgcolor=#FF0000] | 7 LayoutBlockFlow (positioned) {DIV} at (10,10) size 64x10 [bgcolor=#FF0000] |
| 8 LayoutBlockFlow {IMG} at (0,0) size 10x10 | 8 LayoutBlockFlow {IMG} at (0,0) size 64x20 |
| 9 layer at (10,15) size 10x10 backgroundClip at (10,15) size 10x5 clip at (11,16)
size 8x4 scrollWidth 17 scrollHeight 22 | 9 LayoutInline {SPAN} at (0,0) size 48x19 |
| 10 LayoutBlockFlow {DIV} at (0,5) size 10x10 [border: (1px solid #C0C0C0)] | 10 LayoutImage (floating) {IMG} at (0,0) size 16x16 |
| 11 LayoutImage (floating) {IMG} at (2,2) size 16x16 | 11 LayoutInline {SPAN} at (0,0) size 48x19 |
| 12 layer at (28,17) size 0x20 scrollWidth 48 | 12 LayoutText {#text} at (16,0) size 48x19 |
| 13 LayoutBlockFlow {DIV} at (18,2) size 0x20 | 13 text run at (16,0) width 48: "nothing" |
| 14 LayoutText {#text} at (0,0) size 48x19 | 14 layer at (10,30) size 64x10 scrollHeight 39 |
| 15 text run at (0,0) width 48: "nothing" | 15 LayoutBlockFlow (positioned) {DIV} at (10,30) size 64x10 [bgcolor=#FF0000] |
| 16 layer at (10,30) size 10x10 scrollHeight 20 | 16 LayoutBlockFlow {IMG} at (0,0) size 64x20 |
| 17 LayoutBlockFlow (positioned) {DIV} at (10,30) size 10x10 [bgcolor=#FF0000] | 17 LayoutInline {SPAN} at (0,0) size 48x19 |
| 18 LayoutBlockFlow {IMG} at (0,0) size 10x10 | 18 LayoutImage (floating) {IMG} at (0,0) size 16x16 |
| 19 layer at (10,35) size 10x10 backgroundClip at (10,35) size 10x5 clip at (11,36)
size 8x4 scrollHeight 22 | 19 LayoutInline {SPAN} at (0,0) size 48x19 |
| 20 LayoutBlockFlow {DIV} at (0,5) size 10x10 [border: (1px solid #C0C0C0)] | 20 LayoutText {#text} at (16,0) size 48x19 |
| 21 layer at (12,37) size 6x20 backgroundClip at (12,37) size 6x3 clip at (12,37) si
ze 6x3 scrollWidth 48 | 21 text run at (16,0) width 48: "nothing" |
| 22 LayoutBlockFlow {DIV} at (2,2) size 6x20 | |
| 23 LayoutText {#text} at (0,0) size 48x19 | |
| 24 text run at (0,0) width 48: "nothing" | |
| 25 layer at (10,30) size 10x10 | 22 layer at (10,30) size 10x10 |
| 26 LayoutBlockFlow (positioned) {IMG} at (0,0) size 10x10 [bgcolor=#0000FF] | 23 LayoutBlockFlow (positioned) {IMG} at (0,0) size 10x10 [bgcolor=#0000FF] |
| 27 layer at (10,35) size 10x10 backgroundClip at (10,35) size 10x5 clip at (11,36)
size 8x4 scrollHeight 42 | 24 LayoutInline {SPAN} at (0,0) size 44x39 |
| 28 LayoutBlockFlow {DIV} at (0,5) size 10x10 [border: (1px solid #C0C0C0)] | 25 LayoutInline {SPAN} at (0,0) size 44x39 |
| 29 layer at (12,37) size 6x40 backgroundClip at (12,37) size 6x3 clip at (12,37) si
ze 6x3 scrollWidth 44 | 26 LayoutText {#text} at (0,0) size 44x39 |
| 30 LayoutBlockFlow {DIV} at (2,2) size 6x40 | 27 text run at (0,0) width 30: "Blue" |
| 31 LayoutText {#text} at (0,0) size 44x39 | 28 text run at (0,20) width 44: "Square" |
| 32 text run at (0,0) width 30: "Blue" | |
| 33 text run at (0,20) width 44: "Square" | |
| OLD | NEW |