| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x310 |
| RenderBlock {HTML} at (0,0) size 800x310 |
| RenderBody {BODY} at (8,8) size 784x286 |
| RenderBlock {P} at (0,0) size 784x18 [color=#000080] |
| RenderText {#text} at (0,0) size 318x18 |
| text run at (0,0) width 318: "The following two diagrams should look identical." |
| RenderBlock {DIV} at (16,34) size 166x118 [color=#008080] [bgcolor=#FFA500] [border: (3px solid #000000)] |
| RenderBlock {UL} at (19,19) size 128x80 [bgcolor=#FFFF00] |
| RenderListItem {LI} at (0,0) size 128x16 |
| RenderText {#text} at (0,0) size 16x16 |
| text run at (0,0) width 16: "-" |
| RenderListItem {LI} at (16,32) size 96x16 [bgcolor=#00FFFF] |
| RenderText {#text} at (0,0) size 16x16 |
| text run at (0,0) width 16: "-" |
| RenderListItem {LI} at (0,64) size 128x16 |
| RenderText {#text} at (0,0) size 16x16 |
| text run at (0,0) width 16: "-" |
| RenderBlock {DIV} at (16,168) size 166x118 [bgcolor=#FF0000] [border: (3px solid #000000)] |
| RenderBlock {DIV} at (3,3) size 160x112 [bgcolor=#FFFF00] [border: (16px solid #FFA500)] |
| RenderBlock {DIV} at (16,16) size 16x16 [bgcolor=#008080] |
| RenderBlock {DIV} at (16,32) size 128x48 [bgcolor=#00FFFF] [border: (16px solid #FFFF00)] |
| RenderBlock {DIV} at (16,16) size 16x16 [bgcolor=#008080] |
| RenderBlock {DIV} at (16,80) size 16x16 [bgcolor=#008080] |
