| 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 (3,3) size 140x42 [bgcolor=#FFFF00] |
| RenderListItem {LI} at (0,0) size 112x14 |
| RenderText {#text} at (98,-1) size 14x16 |
| text run at (98,-1) width 14: "-" |
| RenderListItem {LI} at (0,14) size 112x14 [bgcolor=#00FFFF] |
| RenderText {#text} at (70,-1) size 14x16 |
| text run at (70,-1) width 14: "-" |
| RenderListItem {LI} at (0,28) size 112x14 |
| RenderText {#text} at (98,-1) size 14x16 |
| text run at (98,-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 (28px solid #FFFF00) none (98px solid #FFFF00)] |
| RenderBlock {DIV} at (98,0) size 14x14 [border: none (14px solid #008080) none none] |
| RenderBlock {DIV} at (3,17) size 140x14 [border: none (28px solid #FFFF00) none (70px solid #00FFFF)] |
| RenderBlock {DIV} at (70,0) size 42x14 [border: none (28px solid #00FFFF) none (14px solid #008080)] |
| RenderBlock {DIV} at (3,31) size 140x14 [border: none (28px solid #FFFF00) none (98px solid #FFFF00)] |
| RenderBlock {DIV} at (98,0) size 14x14 [border: none (14px solid #008080) none none] |
