layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x182
  LayoutBlockFlow {HTML} at (0,0) size 800x182
    LayoutBlockFlow {BODY} at (8,8) size 784x158
      LayoutBlockFlow {P} at (0,0) size 784x18 [color=#000080]
        LayoutText {#text} at (0,0) size 324x17
          text run at (0,0) width 324: "The following two diagrams should look identical."
      LayoutBlockFlow {DIV} at (16,34) size 166x54 [color=#008080] [bgcolor=#FFA500] [border: (3px solid #000000)]
        LayoutBlockFlow {UL} at (3,3) size 160x48 [bgcolor=#FFFF00]
          LayoutListItem {LI} at (0,0) size 128x16
            LayoutText {#text} at (112,0) size 16x16
              text run at (112,0) width 16: "-"
          LayoutListItem {LI} at (0,16) size 128x16 [bgcolor=#00FFFF]
            LayoutText {#text} at (80,0) size 16x16
              text run at (80,0) width 16: "-"
          LayoutListItem {LI} at (0,32) size 128x16
            LayoutText {#text} at (112,0) size 16x16
              text run at (112,0) width 16: "-"
      LayoutBlockFlow {DIV} at (16,104) size 166x54 [bgcolor=#FF0000] [border: (3px solid #000000)]
        LayoutBlockFlow {DIV} at (3,3) size 160x16 [border: none (32px solid #FFFF00) none (112px solid #FFFF00)]
          LayoutBlockFlow {DIV} at (112,0) size 16x16 [border: none (16px solid #008080) none none]
        LayoutBlockFlow {DIV} at (3,19) size 160x16 [border: none (32px solid #FFFF00) none (80px solid #00FFFF)]
          LayoutBlockFlow {DIV} at (80,0) size 48x16 [border: none (32px solid #00FFFF) none (16px solid #008080)]
        LayoutBlockFlow {DIV} at (3,35) size 160x16 [border: none (32px solid #FFFF00) none (112px solid #FFFF00)]
          LayoutBlockFlow {DIV} at (112,0) size 16x16 [border: none (16px solid #008080) none none]