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