| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x438 | |
| 4 RenderBlock {HTML} at (0,0) size 800x438 | |
| 5 RenderBody {BODY} at (100,100) size 600x238 | |
| 6 RenderBlock {P} at (0,0) size 600x20 | |
| 7 RenderText {#text} at (0,0) size 444x19 | |
| 8 text run at (0,0) width 444: "Things should not jump around when the g
reen square starts the transition." | |
| 9 layer at (100,136) size 202x202 clip at (101,137) size 200x200 | |
| 10 RenderBlock (relative positioned) {DIV} at (0,36) size 202x202 [border: (1px s
olid #000000)] | |
| 11 layer at (101,137) size 200x100 | |
| 12 RenderBlock (relative positioned) {DIV} at (1,1) size 200x100 [bgcolor=#808000
33] | |
| 13 layer at (101,137) size 150x150 | |
| 14 RenderBlock (positioned) {DIV} at (1,1) size 150x150 [bgcolor=#008000] | |
| OLD | NEW |