| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| LayoutBlockFlow {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC] |
| LayoutTable {TABLE} at (0,0) size 642x136 [border: (1px outset #808080)] |
| LayoutTableSection {TBODY} at (1,1) size 640x134 |
| LayoutTableRow {TR} at (0,0) size 640x134 |
| LayoutTableCell {TD} at (0,53) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| LayoutText {#text} at (4,4) size 4x19 |
| text run at (4,4) width 4: " " |
| LayoutTableCell {TD} at (12,0) size 628x134 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| LayoutImage (floating) {IMG} at (4,4) size 15x50 [bgcolor=#FFA500] |
| LayoutBlockFlow {P} at (4,4) size 620x20 |
| LayoutText {#text} at (18,0) size 563x19 |
| text run at (18,0) width 563: "This text should be flowing past a tall orange rectangle on the left side of the browser window." |
| LayoutBlockFlow {DIV} at (4,40) size 620x20 [bgcolor=#008000] |
| LayoutBR {BR} at (18,0) size 0x19 |
| LayoutImage (floating) {IMG} at (4,60) size 15x50 [bgcolor=#FFA500] |
| LayoutBlockFlow {DIV} at (4,110) size 620x20 |
| LayoutText {#text} at (0,0) size 620x19 |
| text run at (0,0) width 620: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it." |