layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x438
- RenderBlock {HTML} at (0,0) size 800x438
- RenderBody {BODY} at (100,100) size 600x238
- RenderBlock {P} at (0,0) size 600x20
- RenderText {#text} at (0,0) size 444x19
- text run at (0,0) width 444: "Things should not jump around when the green square starts the transition."
-layer at (100,136) size 202x202 clip at (101,137) size 200x200
- RenderBlock (relative positioned) {DIV} at (0,36) size 202x202 [border: (1px solid #000000)]
-layer at (101,137) size 200x100
+layer at (0,0) size 800x436
+ RenderBlock {HTML} at (0,0) size 800x436
+ RenderBody {BODY} at (100,100) size 600x236
+ RenderBlock {P} at (0,0) size 600x18
+ RenderText {#text} at (0,0) size 479x17
+ text run at (0,0) width 479: "Things should not jump around when the green square starts the transition."
+layer at (100,134) size 202x202 clip at (101,135) size 200x200
+ RenderBlock (relative positioned) {DIV} at (0,34) size 202x202 [border: (1px solid #000000)]
+layer at (101,135) size 200x100
RenderBlock (relative positioned) {DIV} at (1,1) size 200x100 [bgcolor=#80800033]
-layer at (101,137) size 150x150
+layer at (101,135) size 150x150
RenderBlock (positioned) {DIV} at (1,1) size 150x150 [bgcolor=#008000]