layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x165
  RenderBlock {HTML} at (0,0) size 800x165
    RenderBody {BODY} at (8,8) size 784x143
      RenderBlock {P} at (0,0) size 784x19 [color=#000080]
        RenderText {#text} at (0,0) size 309x19
          text run at (0,0) width 309: "The following two diagrams should look identical."
      RenderBlock {DIV} at (14,33) size 146x48 [color=#008080] [bgcolor=#FFA500] [border: (3px solid #000000)]
        RenderBlock {UL} at (31,3) size 112x42 [bgcolor=#FFFF00]
          RenderListItem {LI} at (0,0) size 112x14
            RenderText {#text} at (0,-1) size 14x16
              text run at (0,-1) width 14: "-"
          RenderListItem {LI} at (28,14) size 84x14 [bgcolor=#00FFFF]
            RenderText {#text} at (0,-1) size 14x16
              text run at (0,-1) width 14: "-"
          RenderListItem {LI} at (0,28) size 112x14
            RenderText {#text} at (0,-1) size 14x16
              text run at (0,-1) width 14: "-"
      RenderBlock {DIV} at (14,95) size 146x48 [bgcolor=#FF0000] [border: (3px solid #000000)]
        RenderBlock {DIV} at (3,3) size 140x14 [border: none (98px solid #FFFF00) none (28px solid #FFA500)]
          RenderBlock {DIV} at (28,0) size 14x14 [border: none none none (14px solid #008080)]
        RenderBlock {DIV} at (3,17) size 140x14 [border: none (70px solid #00FFFF) none (28px solid #FFA500)]
          RenderBlock {DIV} at (28,0) size 42x14 [border: none (14px solid #008080) none (28px solid #FFFF00)]
        RenderBlock {DIV} at (3,31) size 140x14 [border: none (98px solid #FFFF00) none (28px solid #FFA500)]
          RenderBlock {DIV} at (28,0) size 14x14 [border: none none none (14px solid #008080)]