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
      RenderBlock (anonymous) at (0,0) size 784x18
        RenderText {#text} at (0,0) size 217x18
          text run at (0,0) width 217: "this table should be center aligned "
        RenderBR {BR} at (217,14) size 0x0
      RenderTable {TABLE} at (376,18) size 32x28 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 29x26
          RenderTableRow {TR} at (0,2) size 29x22
            RenderTableCell {TD} at (2,2) 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: "foo"
      RenderBlock (anonymous) at (0,46) size 784x18
        RenderText {#text} at (0,0) size 457x18
          text run at (0,0) width 457: "this div should be center aligned with an image and a table centered in it "
        RenderBR {BR} at (457,14) size 0x0
      RenderBlock {DIV} at (0,64) size 784x78
        RenderBlock (anonymous) at (0,0) size 784x50
          RenderImage {IMG} at (367,0) size 50x50
          RenderText {#text} at (0,0) size 0x0
        RenderTable {TABLE} at (92,50) size 600x28 [border: (1px outset #808080)]
          RenderTableSection {TBODY} at (1,1) size 598x26
            RenderTableRow {TR} at (0,2) size 598x22
              RenderTableCell {TD} at (2,2) size 594x22 [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: "foo"