| layer at (0,0) size 800x600 scrollWidth 812 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| LayoutBlockFlow {BODY} at (0,0) size 800x600 |
| LayoutDeprecatedFlexibleBox {DIV} at (0,0) size 800x600 |
| LayoutBlockFlow {DIV} at (0,0) size 800x40 |
| LayoutText {#text} at (0,0) size 796x39 |
| text run at (0,0) width 462: "This header should remain at the top of the browser window as you resize it. " |
| text run at (462,0) width 173: "It can wrap to multiple lines. " |
| text run at (635,0) width 158: "The center should be filled" |
| text run at (0,20) width 209: "with an olive-bordered green box. " |
| text run at (209,20) width 587: "It should start beneath the header, end above the footer, and fill the width of the browser window." |
| LayoutBlockFlow {DIV} at (0,580) size 800x20 |
| LayoutText {#text} at (0,0) size 631x19 |
| text run at (0,0) width 388: "This footer should remain at the bottom of the browser window. " |
| text run at (388,0) width 243: "It can wrap to multiple lines if necessary." |
| layer at (0,40) size 812x540 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 |
| LayoutIFrame {IFRAME} at (0,40) size 812x540 [bgcolor=#008000] [border: (10px solid #808000)] |
| layer at (0,0) size 792x520 |
| LayoutView at (0,0) size 792x520 |
| layer at (0,0) size 792x520 |
| LayoutBlockFlow {HTML} at (0,0) size 792x520 |
| LayoutBlockFlow {BODY} at (8,8) size 776x504 |
