| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderTable {TABLE} at (0,0) size 784x28 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 782x26 |
| RenderTableRow {TR} at (0,2) size 782x22 |
| RenderTableCell {TD} at (2,2) size 81x22 [bgcolor=#FF0000] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 77x18 |
| text run at (2,2) width 77: "fooooooooo" |
| RenderTableCell {TD} at (85,2) size 81x22 [bgcolor=#008000] [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 77x18 |
| text run at (2,2) width 77: "fooooooooo" |
| RenderTableCell {TD} at (168,2) size 305x22 [bgcolor=#FFA500] [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 96x18 |
| text run at (2,2) width 96: "foo foo foo foo" |
| RenderTableCell {TD} at (475,2) size 305x22 [bgcolor=#0000FF] [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 96x18 |
| text run at (2,2) width 96: "foo foo foo foo" |
| RenderBlock (anonymous) at (0,28) size 784x18 |
| RenderBR {BR} at (0,0) size 0x18 |
| RenderTable {TABLE} at (0,46) size 784x82 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 782x80 |
| RenderTableRow {TR} at (0,2) size 782x76 |
| RenderTableCell {TD} at (2,2) size 25x76 [bgcolor=#FF0000] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 21x72 |
| text run at (2,2) width 21: "foo" |
| text run at (2,20) width 21: "foo" |
| text run at (2,38) width 21: "foo" |
| text run at (2,56) width 21: "foo" |
| RenderTableCell {TD} at (29,29) size 145x22 [bgcolor=#FFA500] [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 96x18 |
| text run at (2,2) width 96: "foo foo foo foo" |
| RenderTableCell {TD} at (175,29) size 146x22 [bgcolor=#0000FF] [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 96x18 |
| text run at (2,2) width 96: "foo foo foo foo" |
| RenderTableCell {TD} at (322,29) size 432x22 [bgcolor=#008000] [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1] |
| RenderText {#text} at (332,2) size 97x18 |
| text run at (332,2) width 97: "foo foo foo foo" |
| RenderTableCell {TD} at (755,2) size 26x76 [bgcolor=#FF0000] [border: (1px inset #808080)] [r=0 c=4 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 21x72 |
| text run at (2,2) width 21: "foo" |
| text run at (2,20) width 21: "foo" |
| text run at (2,38) width 21: "foo" |
| text run at (2,56) width 21: "foo" |
| RenderBlock (anonymous) at (0,128) size 784x36 |
| RenderBR {BR} at (0,0) size 0x18 |
| RenderText {#text} at (0,18) size 535x18 |
| text run at (0,18) width 535: "auto table - % width cell increases table width based on % cell which makes it largest" |
| RenderTable {TABLE} at (0,164) size 784x44 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 782x42 |
| RenderTableRow {TR} at (0,10) size 782x22 |
| RenderTableCell {TD} at (10,10) size 25x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 21x18 |
| text run at (2,2) width 21: "1%" |
| RenderTableCell {TD} at (45,10) size 75x22 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x18 |
| text run at (2,2) width 29: "10%" |
| RenderTableCell {TD} at (129,10) size 643x22 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 32x18 |
| text run at (2,2) width 32: "20px" |
| RenderBlock (anonymous) at (0,208) size 784x18 |
| RenderBR {BR} at (0,0) size 0x18 |
