layer at (0,0) size 800x1410
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x1410
  RenderBlock {HTML} at (0,0) size 800x1410
    RenderBody {BODY} at (8,8) size 784x1394 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 385x17
          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,31) size 784x272 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 688x256
          text run at (0,0) width 648: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
          text run at (0,16) width 288: "      background-repeat: no-repeat;}"
          text run at (0,32) width 624: ".one {background-image: url(../resources/bg.gif); background-position: center;"
          text run at (0,48) width 480: "      background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,64) width 632: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
          text run at (0,80) width 480: "      background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,96) width 688: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
          text run at (0,112) width 496: "        background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,128) width 656: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
          text run at (0,144) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,160) width 632: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
          text run at (0,176) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,192) width 632: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
          text run at (0,208) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,224) width 600: ".seven {background-image: url(../resources/bg.gif); background-position: 20"
          text run at (600,224) width 40: "px 20"
          text run at (640,224) width 24: "px;"
          text run at (0,240) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
      RenderBlock {HR} at (1,317) size 782x2 [bgcolor=#000000]
      RenderBlock {P} at (0,333) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 552x17
          text run at (0,0) width 552: "This document should have a single, small green image in its upper right corner."
      RenderBlock {P} at (0,364) size 784x51 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 781x51
          text run at (0,0) width 738: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image"
          text run at (0,17) width 323: "should be fixed at the center of the paragraph. "
          text run at (323,17) width 458: "The background color will make it easier to determine the edges of"
          text run at (0,34) width 422: "the paragraph, and therefore allow you to calculate its center."
      RenderBlock {P} at (0,429) size 784x51 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 781x51
          text run at (0,0) width 738: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image"
          text run at (0,17) width 323: "should be fixed at the center of the paragraph. "
          text run at (323,17) width 458: "The background color will make it easier to determine the edges of"
          text run at (0,34) width 422: "the paragraph, and therefore allow you to calculate its center."
      RenderBlock {P} at (0,494) size 784x51 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 776x51
          text run at (0,0) width 776: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of"
          text run at (0,17) width 474: "the image should be fixed at the lower right corner of the paragraph. "
          text run at (474,17) width 296: "The background color will make it easier to"
          text run at (0,34) width 555: "determine the edges of the paragraph, and therefore allow you to see its corners."
      RenderBlock {P} at (0,559) size 784x51 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 776x51
          text run at (0,0) width 776: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of"
          text run at (0,17) width 474: "the image should be fixed at the lower right corner of the paragraph. "
          text run at (474,17) width 296: "The background color will make it easier to"
          text run at (0,34) width 555: "determine the edges of the paragraph, and therefore allow you to see its corners."
      RenderBlock {P} at (0,624) size 784x51 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 765x51
          text run at (0,0) width 751: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the"
          text run at (0,17) width 396: "image should be fixed at the left center of the paragraph. "
          text run at (396,17) width 369: "The background color will make it easier to determine"
          text run at (0,34) width 511: "the edges of the paragraph, and therefore allow you to calculate its center."
      RenderBlock {P} at (0,689) size 784x68 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 778x68
          text run at (0,0) width 763: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25%"
          text run at (0,17) width 46: "down. "
          text run at (46,17) width 708: "The background color will make it easier to determine the edges of the paragraph, which should help in"
          text run at (0,34) width 778: "determining if all this is so, and the extra text should make the element long enough for this test to be simpler to"
          text run at (0,51) width 62: "evaluate."
      RenderBlock {P} at (0,771) size 784x68 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 771x68
          text run at (0,0) width 754: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper"
          text run at (0,17) width 771: "left-hand corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the"
          text run at (0,34) width 231: "upper-left corner of the element. "
          text run at (231,34) width 484: "The background color will make it easier to determine the edges of the"
          text run at (0,51) width 368: "paragraph, which should assist in evaluating this test."
      RenderTable {TABLE} at (0,853) size 784x541 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x539
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
                RenderText {TEXT} at (4,4) size 164x17
                  text run at (4,4) width 164: "TABLE Testing Section"
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,269) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
              RenderText {TEXT} at (4,4) size 4x17
                text run at (4,4) width 4: "\x{A0}"
            RenderTableCell {TD} at (12,25) size 770x514 [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x17
                RenderText {TEXT} at (0,0) size 552x17
                  text run at (0,0) width 552: "This document should have a single, small green image in its upper right corner."
              RenderBlock {P} at (4,35) size 762x51 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 738x51
                  text run at (0,0) width 738: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image"
                  text run at (0,17) width 323: "should be fixed at the center of the paragraph. "
                  text run at (323,17) width 395: "The background color will make it easier to determine the"
                  text run at (0,34) width 485: "edges of the paragraph, and therefore allow you to calculate its center."
              RenderBlock {P} at (4,100) size 762x51 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 738x51
                  text run at (0,0) width 738: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image"
                  text run at (0,17) width 323: "should be fixed at the center of the paragraph. "
                  text run at (323,17) width 395: "The background color will make it easier to determine the"
                  text run at (0,34) width 485: "edges of the paragraph, and therefore allow you to calculate its center."
              RenderBlock {P} at (4,165) size 762x51 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 758x51
                  text run at (0,0) width 758: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner"
                  text run at (0,17) width 492: "of the image should be fixed at the lower right corner of the paragraph. "
                  text run at (492,17) width 233: "The background color will make it"
                  text run at (0,34) width 618: "easier to determine the edges of the paragraph, and therefore allow you to see its corners."
              RenderBlock {P} at (4,230) size 762x51 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 758x51
                  text run at (0,0) width 758: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner"
                  text run at (0,17) width 492: "of the image should be fixed at the lower right corner of the paragraph. "
                  text run at (492,17) width 233: "The background color will make it"
                  text run at (0,34) width 618: "easier to determine the edges of the paragraph, and therefore allow you to see its corners."
              RenderBlock {P} at (4,295) size 762x51 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 751x51
                  text run at (0,0) width 751: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the"
                  text run at (0,17) width 396: "image should be fixed at the left center of the paragraph. "
                  text run at (396,17) width 296: "The background color will make it easier to"
                  text run at (0,34) width 584: "determine the edges of the paragraph, and therefore allow you to calculate its center."
              RenderBlock {P} at (4,360) size 762x68 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 756x68
                  text run at (0,0) width 731: "This paragraph should have a single, small green image positioned 75% of the way across the element, and"
                  text run at (0,17) width 78: "25% down. "
                  text run at (78,17) width 657: "The background color will make it easier to determine the edges of the paragraph, which should"
                  text run at (0,34) width 756: "help in determining if all this is so, and the extra text should make the element long enough for this test to be"
                  text run at (0,51) width 135: "simpler to evaluate."
              RenderBlock {P} at (4,442) size 762x68 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 754x68
                  text run at (0,0) width 754: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper"
                  text run at (0,17) width 745: "left-hand corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of"
                  text run at (0,34) width 257: "the upper-left corner of the element. "
                  text run at (257,34) width 484: "The background color will make it easier to determine the edges of the"
                  text run at (0,51) width 368: "paragraph, which should assist in evaluating this test."
