| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x104 |
| LayoutBlockFlow {HTML} at (0,0) size 800x104 |
| LayoutBlockFlow {BODY} at (0,0) size 800x104 |
| LayoutText {#text} at (0,0) size 0x0 |
| layer at (0,0) size 100x100 |
| LayoutVideo {VIDEO} at (0,0) size 100x100 |
| layer at (50,50) size 100x100 |
| LayoutBlockFlow (positioned) {DIV} at (50,50) size 100x100 [bgcolor=#FF0000] |
| layer at (50,50) size 200x200 |
| LayoutBlockFlow (positioned) {DIV} at (50,50) size 200x200 |
| LayoutBlockFlow {P} at (0,218) size 200x54 |
| LayoutText {#text} at (0,0) size 193x54 |
| text run at (0,0) width 193: "The green box should obscure" |
| text run at (0,18) width 182: "the red box, and move when" |
| text run at (0,36) width 144: "you drag the scrollbar." |
| layer at (50,50) size 202x202 clip at (51,51) size 185x200 scrollY 50.00 scrollHeight 550 |
| LayoutBlockFlow {DIV} at (0,0) size 202x202 [border: (1px solid #000000)] |
| LayoutBlockFlow {DIV} at (1,51) size 185x500 |
| layer at (51,51) size 100x100 |
| LayoutBlockFlow (relative positioned) {DIV} at (0,0) size 100x100 [bgcolor=#008000] |
| layer at (0,0) size 100x100 |
| LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 100x100 |
| LayoutBlockFlow {DIV} at (0,65) size 100x35 |
| layer at (0,0) size 100x65 |
| LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 100x65 |