layer at (0,0) size 800x1524
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x1524
  RenderBlock {HTML} at (0,0) size 800x1524
    RenderBody {BODY} at (8,8) size 784x1508 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x19
        RenderText {#text} at (0,0) size 354x19
          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,33) size 784x323
        RenderText {#text} at (0,0) size 538x323
          text run at (0,0) width 516: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
          text run at (516,0) width 0: " "
          text run at (0,19) width 224: "      background-repeat: no-repeat;}"
          text run at (224,19) width 0: " "
          text run at (0,38) width 493: ".one {background-image: url(../resources/bg.gif); background-position: center;"
          text run at (493,38) width 0: " "
          text run at (0,57) width 383: "      background-repeat: no-repeat; background-color: aqua;}"
          text run at (383,57) width 0: " "
          text run at (0,76) width 511: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
          text run at (511,76) width 0: " "
          text run at (0,95) width 383: "      background-repeat: no-repeat; background-color: aqua;}"
          text run at (383,95) width 0: " "
          text run at (0,114) width 538: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
          text run at (538,114) width 0: " "
          text run at (0,133) width 391: "        background-repeat: no-repeat; background-color: aqua;}"
          text run at (391,133) width 0: " "
          text run at (0,152) width 530: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
          text run at (530,152) width 0: " "
          text run at (0,171) width 387: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (387,171) width 0: " "
          text run at (0,190) width 503: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
          text run at (503,190) width 0: " "
          text run at (0,209) width 387: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (387,209) width 0: " "
          text run at (0,228) width 506: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
          text run at (506,228) width 0: " "
          text run at (0,247) width 387: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (387,247) width 0: " "
          text run at (0,266) width 533: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
          text run at (533,266) width 0: " "
          text run at (0,285) width 387: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (387,285) width 0: " "
          text run at (0,304) width 0: " "
      RenderBlock {HR} at (0,370) size 784x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,386) size 784x19
        RenderText {#text} at (0,0) size 508x19
          text run at (0,0) width 508: "This document should have a single, small green image in its upper right corner."
      RenderBlock {P} at (0,419) size 784x57 [bgcolor=#00FFFF]
        RenderText {#text} at (0,0) size 782x57
          text run at (0,0) width 782: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be fixed"
          text run at (0,19) width 198: "at the center of the paragraph. "
          text run at (198,19) width 548: "The background color will make it easier to determine the edges of the paragraph, and"
          text run at (0,38) width 263: "therefore allow you to calculate its center."
      RenderBlock {P} at (0,490) size 784x57 [bgcolor=#00FFFF]
        RenderText {#text} at (0,0) size 782x57
          text run at (0,0) width 782: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be fixed"
          text run at (0,19) width 198: "at the center of the paragraph. "
          text run at (198,19) width 548: "The background color will make it easier to determine the edges of the paragraph, and"
          text run at (0,38) width 263: "therefore allow you to calculate its center."
      RenderBlock {P} at (0,561) size 784x57 [bgcolor=#00FFFF]
        RenderText {#text} at (0,0) size 777x57
          text run at (0,0) width 777: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the image"
          text run at (0,19) width 369: "should be fixed at the lower right corner of the paragraph. "
          text run at (369,19) width 406: "The background color will make it easier to determine the edges"
          text run at (0,38) width 380: "of the paragraph, and therefore allow you to see its corners."
      RenderBlock {P} at (0,632) size 784x57 [bgcolor=#00FFFF]
        RenderText {#text} at (0,0) size 777x57
          text run at (0,0) width 777: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the image"
          text run at (0,19) width 369: "should be fixed at the lower right corner of the paragraph. "
          text run at (369,19) width 406: "The background color will make it easier to determine the edges"
          text run at (0,38) width 380: "of the paragraph, and therefore allow you to see its corners."
      RenderBlock {P} at (0,703) size 784x57 [bgcolor=#00FFFF]
        RenderText {#text} at (0,0) size 781x57
          text run at (0,0) width 781: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image should"
          text run at (0,19) width 275: "be fixed at the left center of the paragraph. "
          text run at (275,19) width 446: "The background color will make it easier to determine the edges of the"
          text run at (0,38) width 365: "paragraph, and therefore allow you to calculate its center."
      RenderBlock {P} at (0,774) size 784x57 [bgcolor=#00FFFF]
        RenderText {#text} at (0,0) size 760x57
          text run at (0,0) width 757: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
          text run at (0,19) width 760: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if all"
          text run at (0,38) width 659: "this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
      RenderBlock {P} at (0,845) size 784x76 [bgcolor=#00FFFF]
        RenderText {#text} at (0,0) size 765x76
          text run at (0,0) width 755: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand"
          text run at (0,19) width 765: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner of"
          text run at (0,38) width 83: "the element. "
          text run at (83,38) width 661: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
          text run at (0,57) width 122: "evaluating this test."
      RenderTable {TABLE} at (0,935) size 784x573 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 782x571
          RenderTableRow {TR} at (0,0) size 782x28
            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 159x20
                RenderText {#text} at (4,4) size 159x20
                  text run at (4,4) width 159: "TABLE Testing Section"
          RenderTableRow {TR} at (0,28) size 782x543
            RenderTableCell {TD} at (0,286) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (4,4) size 4x19
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,28) size 770x543 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x19
                RenderText {#text} at (0,0) size 508x19
                  text run at (0,0) width 508: "This document should have a single, small green image in its upper right corner."
              RenderBlock {P} at (4,37) size 762x57 [bgcolor=#00FFFF]
                RenderText {#text} at (0,0) size 752x57
                  text run at (0,0) width 748: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
                  text run at (0,19) width 232: "fixed at the center of the paragraph. "
                  text run at (232,19) width 520: "The background color will make it easier to determine the edges of the paragraph,"
                  text run at (0,38) width 291: "and therefore allow you to calculate its center."
              RenderBlock {P} at (4,108) size 762x57 [bgcolor=#00FFFF]
                RenderText {#text} at (0,0) size 752x57
                  text run at (0,0) width 748: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
                  text run at (0,19) width 232: "fixed at the center of the paragraph. "
                  text run at (232,19) width 520: "The background color will make it easier to determine the edges of the paragraph,"
                  text run at (0,38) width 291: "and therefore allow you to calculate its center."
              RenderBlock {P} at (4,179) size 762x57 [bgcolor=#00FFFF]
                RenderText {#text} at (0,0) size 751x57
                  text run at (0,0) width 734: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
                  text run at (0,19) width 412: "image should be fixed at the lower right corner of the paragraph. "
                  text run at (412,19) width 339: "The background color will make it easier to determine"
                  text run at (0,38) width 447: "the edges of the paragraph, and therefore allow you to see its corners."
              RenderBlock {P} at (4,250) size 762x57 [bgcolor=#00FFFF]
                RenderText {#text} at (0,0) size 751x57
                  text run at (0,0) width 734: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
                  text run at (0,19) width 412: "image should be fixed at the lower right corner of the paragraph. "
                  text run at (412,19) width 339: "The background color will make it easier to determine"
                  text run at (0,38) width 447: "the edges of the paragraph, and therefore allow you to see its corners."
              RenderBlock {P} at (4,321) size 762x57 [bgcolor=#00FFFF]
                RenderText {#text} at (0,0) size 743x57
                  text run at (0,0) width 735: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image"
                  text run at (0,19) width 321: "should be fixed at the left center of the paragraph. "
                  text run at (321,19) width 422: "The background color will make it easier to determine the edges of"
                  text run at (0,38) width 389: "the paragraph, and therefore allow you to calculate its center."
              RenderBlock {P} at (4,392) size 762x57 [bgcolor=#00FFFF]
                RenderText {#text} at (0,0) size 760x57
                  text run at (0,0) width 757: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
                  text run at (0,19) width 760: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if all"
                  text run at (0,38) width 659: "this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
              RenderBlock {P} at (4,463) size 762x76 [bgcolor=#00FFFF]
                RenderText {#text} at (0,0) size 760x76
                  text run at (0,0) width 755: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand"
                  text run at (0,19) width 749: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner"
                  text run at (0,38) width 99: "of the element. "
                  text run at (99,38) width 661: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
                  text run at (0,57) width 122: "evaluating this test."
