1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x476
4 LayoutBlockFlow {HTML} at (0,0) size 800x476
5 LayoutBlockFlow {BODY} at (8,16) size 784x452
6 LayoutBlockFlow {P} at (0,0) size 784x20
7 LayoutText {#text} at (0,0) size 424x19
8 text run at (0,0) width 424: "There should be no red below, just two 300x200 pixel lime rectangles."
9 layer at (8,52) size 300x200
10 LayoutBlockFlow (relative positioned) {DIV} at (0,36) 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,268) size 300x200
17 LayoutBlockFlow (relative positioned) {DIV} at (0,252) 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,368) size 300x100
25 LayoutBlockFlow (positioned) {SPAN} at (0,100) size 300x100 [bgcolor=#00FF00]