1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x474
4 LayoutBlockFlow {HTML} at (0,0) size 800x474
5 LayoutBlockFlow {BODY} at (8,16) size 784x450
6 LayoutBlockFlow {P} at (0,0) size 784x18
7 LayoutText {#text} at (0,0) size 451x17
8 text run at (0,0) width 451: "There should be no red below, just two 300x200 pixel lime rectangles."
9 layer at (8,50) size 300x200
10 LayoutBlockFlow (relative positioned) {DIV} at (0,34) size 300x200 [bgcolor=#FF0000]
11 LayoutBlockFlow {DIV} at (0,0) size 300x100 [bgcolor=#00FF00]
12 LayoutBlockFlow {P} at (0,0) size 375x100
13 LayoutImage (floating) {IMG} at (0,0) size 100x100
14 LayoutImage {IMG} at (0,100) size 300x100
15 LayoutText {#text} at (0,0) size 0x0
16 layer at (8,266) size 300x200
17 LayoutBlockFlow (relative positioned) {DIV} at (0,250) size 300x200 [bgcolor=#FF0000]
18 LayoutBlockFlow {DIV} at (0,0) size 300x100 [bgcolor=#00FF00]
19 LayoutBlockFlow {P} at (0,0) size 375x100
20 LayoutImage (floating) {IMG} at (0,0) size 100x100
21 LayoutImage {IMG} at (0,100) size 300x100
22 LayoutText {#text} at (0,0) size 0x0
23 LayoutText {#text} at (0,0) size 0x0
24 layer at (8,366) size 300x100
25 LayoutBlockFlow (positioned) {SPAN} at (0,100) size 300x100 [bgcolor=#00FF00]