1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x284
4 LayoutBlockFlow {HTML} at (0,0) size 800x284
5 LayoutBlockFlow {BODY} at (8,16) size 784x252
6 LayoutBlockFlow {P} at (0,0) size 784x20
7 LayoutText {#text} at (0,0) size 725x19
8 text run at (0,0) width 371: "There should be no red below, just two 300\x{D7}100 pixel green "
9 text run at (371,0) width 354: "rectangles of different shades, seperated by 1em of margin."
10 LayoutBlockFlow {DIV} at (0,36) size 300x100 [bgcolor=#FF0000]
11 LayoutBlockFlow {P} at (0,0) size 600x100
12 LayoutImage {IMG} at (0,0) size 300x100
13 LayoutText {#text} at (0,0) size 0x0
14 layer at (8,168) size 300x100
15 LayoutBlockFlow (relative positioned) {DIV} at (0,152) size 300x100
16 LayoutBlockFlow {P} at (0,0) size 600x100
17 LayoutImage {IMG} at (0,0) size 300x100
18 LayoutText {#text} at (0,0) size 0x0
19 LayoutText {#text} at (0,0) size 0x0
20 layer at (8,168) size 300x100
21 LayoutBlockFlow (positioned) {SPAN} at (0,0) size 300x100 [bgcolor=#008000]