layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x312
  RenderBlock {HTML} at (0,0) size 800x312
    RenderBody {BODY} at (8,8) size 784x288
      RenderBlock {P} at (0,0) size 784x20 [color=#000080]
        RenderText {#text} at (0,0) size 324x19
          text run at (0,0) width 324: "The following two diagrams should look identical."
      RenderBlock {DIV} at (16,36) size 166x118 [color=#008080] [bgcolor=#FFA500] [border: (3px solid #000000)]
        RenderBlock {UL} at (3,3) size 160x112 [bgcolor=#FFFF00]
          RenderListItem {LI} at (16,16) size 128x16
            RenderText {#text} at (0,-1) size 16x17
              text run at (0,-1) width 16: "-"
          RenderListItem {LI} at (16,32) size 128x48 [bgcolor=#00FFFF]
            RenderText {#text} at (16,15) size 16x17
              text run at (16,15) width 16: "-"
          RenderListItem {LI} at (16,80) size 128x16
            RenderText {#text} at (0,-1) size 16x17
              text run at (0,-1) width 16: "-"
      RenderBlock {DIV} at (16,170) size 166x118 [bgcolor=#FF0000] [border: (3px solid #000000)]
        RenderBlock {DIV} at (3,3) size 160x112 [bgcolor=#FFFF00] [border: (16px solid #FFFF00)]
          RenderBlock {DIV} at (16,16) size 16x16 [bgcolor=#008080]
          RenderBlock {DIV} at (16,32) size 128x48 [bgcolor=#00FFFF] [border: (16px solid #00FFFF)]
            RenderBlock {DIV} at (16,16) size 16x16 [bgcolor=#008080]
          RenderBlock {DIV} at (16,80) size 16x16 [bgcolor=#008080]