layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x284
  LayoutBlockFlow {HTML} at (0,0) size 800x284
    LayoutBlockFlow {BODY} at (8,16) size 784x252
      LayoutBlockFlow {P} at (0,0) size 784x20
        LayoutText {#text} at (0,0) size 724x19
          text run at (0,0) width 370: "There should be no red below, just two 300\x{D7}100 pixel green "
          text run at (369,0) width 355: "rectangles of different shades, seperated by 1em of margin."
      LayoutBlockFlow {DIV} at (0,36) size 300x100 [bgcolor=#FF0000]
        LayoutBlockFlow {P} at (0,0) size 600x100
          LayoutImage {IMG} at (0,0) size 300x100
          LayoutText {#text} at (0,0) size 0x0
layer at (8,168) size 300x100
  LayoutBlockFlow (relative positioned) {DIV} at (0,152) size 300x100
    LayoutBlockFlow {P} at (0,0) size 600x100
      LayoutImage {IMG} at (0,0) size 300x100
      LayoutText {#text} at (0,0) size 0x0
      LayoutText {#text} at (0,0) size 0x0
layer at (8,168) size 300x100
  LayoutBlockFlow (positioned) {SPAN} at (0,0) size 300x100 [bgcolor=#008000]