layer at (0,0) size 888x1797
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 888x1797
  RenderBlock {HTML} at (0,0) size 800x1797
    RenderBody {BODY} at (8,8) size 784x1781 [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 784x240 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 880x224
          text run at (0,0) width 672: ".one {background-image: url(../resources/oransqr.gif); background-repeat: repeat-y;}"
          text run at (0,16) width 672: ".two {background-image: url(../resources/oransqr.gif); background-repeat: repeat-x;}"
          text run at (0,32) width 696: ".three {background-image: url(../resources/oransqr.gif); background-repeat: no-repeat;}"
          text run at (0,48) width 880: ".four {background-image: url(../resources/bg.gif); background-position: 50% 50%; background-repeat: repeat-y;}"
          text run at (0,64) width 704: ".five {background-image: url(../resources/crosshair2.gif); background-position: 50% 50%;"
          text run at (0,80) width 240: "       background-color: red;}"
          text run at (0,96) width 720: ".six {background-image: url(../resources/crosshair2.gif); background-position: center top;"
          text run at (0,112) width 232: "      background-color: red;}"
          text run at (0,128) width 720: ".seven {background-image: url(../resources/crosshair2.gif); background-position: top left;"
          text run at (0,144) width 248: "        background-color: red;}"
          text run at (0,160) width 752: ".eight {background-image: url(../resources/crosshair2.gif); background-position: bottom right;"
          text run at (0,176) width 248: "        background-color: red;}"
          text run at (0,192) width 704: ".nine {background-image: url(../resources/crosshair2.gif); background-position: 50% 50%;"
          text run at (0,208) width 240: "       background-color: red;}"
      RenderBlock {HR} at (1,285) size 782x2 [bgcolor=#000000]
      RenderBlock {P} at (0,301) size 784x51 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 784x34
          text run at (0,0) width 784: "This sentence should have an orange stripe repeated in the \"y\" direction, starting at the upper left corner (since the"
          text run at (0,17) width 76: "default for "
        RenderInline {CODE} at (0,0) size 152x16
          RenderText {TEXT} at (76,18) size 152x16
            text run at (76,18) width 152: "background-position"
        RenderText {TEXT} at (228,17) size 776x34
          text run at (228,17) width 345: " is '0% 0%' and that property is not declared here). "
          text run at (573,17) width 203: "This is extra text included for"
          text run at (0,34) width 344: "the sole purpose of making the paragraph longer. "
          text run at (344,34) width 239: "Thank you for your understanding."
      RenderBlock {P} at (0,366) size 784x51 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 760x34
          text run at (0,0) width 760: "This sentence should have an orange stripe repeated in the \"x\" direction, starting at the upper left corner (since"
          text run at (0,17) width 102: "the default for "
        RenderInline {CODE} at (0,0) size 152x16
          RenderText {TEXT} at (102,18) size 152x16
            text run at (102,18) width 152: "background-position"
        RenderText {TEXT} at (254,17) size 778x34
          text run at (254,17) width 345: " is '0% 0%' and that property is not declared here). "
          text run at (599,17) width 179: "This is extra text included"
          text run at (0,34) width 368: "for the sole purpose of making the paragraph longer. "
          text run at (368,34) width 239: "Thank you for your understanding."
      RenderBlock {P} at (0,431) size 784x51 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 766x17
          text run at (0,0) width 766: "This sentence should have a single orange square behind it, placed at the upper left corner (since the default for"
        RenderInline {CODE} at (0,0) size 152x16
          RenderText {TEXT} at (0,18) size 152x16
            text run at (0,18) width 152: "background-position"
        RenderText {TEXT} at (152,17) size 758x34
          text run at (152,17) width 345: " is '0% 0%' and that property is not declared here). "
          text run at (497,17) width 261: "This is extra text included for the sole"
          text run at (0,34) width 286: "purpose of making the paragraph longer. "
          text run at (286,34) width 239: "Thank you for your understanding."
      RenderBlock {P} at (0,496) size 784x68 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 743x34
          text run at (0,0) width 743: "This sentence should have a green-hatch stripe running vertically down the center of the paragraph, with the"
          text run at (0,17) width 328: "origin image exactly centered in the paragraph. "
          text run at (328,17) width 109: "This is because "
        RenderInline {CODE} at (0,0) size 64x16
          RenderText {TEXT} at (437,18) size 64x16
            text run at (437,18) width 64: "repeat-y"
        RenderText {TEXT} at (501,17) size 124x17
          text run at (501,17) width 124: " specifies tiling in "
        RenderInline {EM} at (0,0) size 28x16
          RenderText {TEXT} at (625,18) size 28x16
            text run at (625,18) width 28: "both"
        RenderText {TEXT} at (653,17) size 773x34
          text run at (653,17) width 120: " directions on the"
          text run at (0,34) width 52: "y-axis. "
          text run at (52,34) width 394: "Note that this test is only valid if the user agent supports "
        RenderInline {CODE} at (0,0) size 152x16
          RenderText {TEXT} at (446,35) size 152x16
            text run at (446,35) width 152: "background-position"
        RenderText {TEXT} at (598,34) size 36x17
          text run at (598,34) width 36: " (see "
        RenderInline {A} at (0,0) size 67x17 [color=#0000FF]
          RenderText {TEXT} at (634,34) size 67x17
            text run at (634,34) width 67: "test 5.3.6"
        RenderText {TEXT} at (701,34) size 779x34
          text run at (701,34) width 14: "). "
          text run at (715,34) width 64: "I'll fill the"
          text run at (0,51) width 568: "paragraph with extra text to make the conformance (or lack thereof) more obvious."
      RenderBlock {P} at (0,578) size 784x85 [bgcolor=#FF0000]
        RenderText {TEXT} at (0,0) size 762x34
          text run at (0,0) width 717: "This paragraph should have a tiled background, with the origin image exactly centered in the paragraph. "
          text run at (717,0) width 45: "This is"
          text run at (0,17) width 60: "because "
        RenderInline {CODE} at (0,0) size 136x16 [bgcolor=#000000]
          RenderText {TEXT} at (60,18) size 136x16
            text run at (60,18) width 136: "background-repeat"
        RenderText {TEXT} at (196,17) size 124x17
          text run at (196,17) width 124: " specifies tiling in "
        RenderInline {EM} at (0,0) size 14x16 [bgcolor=#000000]
          RenderText {TEXT} at (320,18) size 14x16
            text run at (320,18) width 14: "all"
        RenderText {TEXT} at (334,17) size 765x34
          text run at (334,17) width 399: " directions, regardless of the position of the origin image. "
          text run at (733,17) width 32: "Note"
          text run at (0,34) width 358: "that this test is only valid if the user agent supports "
        RenderInline {CODE} at (0,0) size 152x16 [bgcolor=#000000]
          RenderText {TEXT} at (358,35) size 152x16
            text run at (358,35) width 152: "background-position"
        RenderText {TEXT} at (510,34) size 36x17
          text run at (510,34) width 36: " (see "
        RenderInline {A} at (0,0) size 67x17 [color=#0000FF] [bgcolor=#000000]
          RenderText {TEXT} at (546,34) size 67x17
            text run at (546,34) width 67: "test 5.3.6"
        RenderText {TEXT} at (613,34) size 775x51
          text run at (613,34) width 14: "). "
          text run at (627,34) width 138: "I'll fill the paragraph"
          text run at (0,51) width 498: "with extra text to make the conformance (or lack thereof) more obvious. "
          text run at (498,51) width 277: "A background color is present, although"
          text run at (0,68) width 381: "if it is visible then the image has not bee correctly tiled."
      RenderBlock {P} at (0,677) size 784x68 [bgcolor=#FF0000]
        RenderText {TEXT} at (0,0) size 776x68
          text run at (0,0) width 768: "This sentence should have a fully tiled background which starts at its center top; that is, the background's origin"
          text run at (0,17) width 379: "should be the exact center of the top of the paragraph. "
          text run at (379,17) width 389: "I'll fill it with extra text to make the conformance (or lack"
          text run at (0,34) width 161: "thereof) more obvious. "
          text run at (161,34) width 615: "A background color is present, although if it is visible, then the image may not have been"
          text run at (0,51) width 98: "tiled correctly."
      RenderBlock {P} at (0,759) size 784x51 [bgcolor=#FF0000]
        RenderText {TEXT} at (0,0) size 775x51
          text run at (0,0) width 534: "This sentence should have a fully tiled background which starts at its top left. "
          text run at (534,0) width 241: "I'll fill it with extra text to make the"
          text run at (0,17) width 309: "conformance (or lack thereof) more obvious. "
          text run at (309,17) width 435: "A background color is present, although if it is visible, then the"
          text run at (0,34) width 278: "image may not have been tiled correctly."
      RenderBlock {P} at (0,824) size 784x68 [bgcolor=#FF0000]
        RenderText {TEXT} at (0,0) size 771x68
          text run at (0,0) width 755: "This sentence should have a fully tiled background which starts at its bottom right; in other words, a complete"
          text run at (0,17) width 752: "instance of the image should be anchored in the bottom right corner, with the tiled background extending out"
          text run at (0,34) width 82: "from there. "
          text run at (82,34) width 554: "I'll fill it with extra text to make the conformance (or lack thereof) more obvious. "
          text run at (636,34) width 135: "A background color"
          text run at (0,51) width 578: "is present, although if it is visible, then the image may not have been tiled correctly."
      RenderBlock {P} at (0,906) size 784x102 [bgcolor=#FF0000]
        RenderText {TEXT} at (0,0) size 772x102
          text run at (0,0) width 764: "This sentence should have a fully tiled background which starts at its center and is tiled in all directions; that is,"
          text run at (0,17) width 474: "the background's origin should be the exact center of the paragraph. "
          text run at (474,17) width 241: "I'll fill it with extra text to make the"
          text run at (0,34) width 309: "conformance (or lack thereof) more obvious. "
          text run at (309,34) width 416: "In fact, a lot of extra text will be necessary to make this at all"
          text run at (0,51) width 63: "obvious. "
          text run at (63,51) width 709: "This is true because I am not able to increase the text size without resorting to either headings or other"
          text run at (0,68) width 460: "CSS properties, neither of which I want to use in this circumstance. "
          text run at (460,68) width 266: "This ought to be enough text, though. "
          text run at (726,68) width 10: "A"
          text run at (0,85) width 703: "background color is present, although if it is visible, then the image may not have been tiled correctly."
      RenderTable {TABLE} at (0,1022) size 784x759 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x757
          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,378) 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 770x732 [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x51
                RenderText {TEXT} at (0,0) size 758x34
                  text run at (0,0) width 758: "This sentence should have an orange stripe repeated in the \"y\" direction, starting at the upper left corner (since"
                  text run at (0,17) width 102: "the default for "
                RenderInline {CODE} at (0,0) size 152x16
                  RenderText {TEXT} at (102,18) size 152x16
                    text run at (102,18) width 152: "background-position"
                RenderText {TEXT} at (254,17) size 715x34
                  text run at (254,17) width 345: " is '0% 0%' and that property is not declared here). "
                  text run at (599,17) width 116: "This is extra text"
                  text run at (0,34) width 431: "included for the sole purpose of making the paragraph longer. "
                  text run at (431,34) width 239: "Thank you for your understanding."
              RenderBlock {P} at (4,69) size 762x51
                RenderText {TEXT} at (0,0) size 760x34
                  text run at (0,0) width 760: "This sentence should have an orange stripe repeated in the \"x\" direction, starting at the upper left corner (since"
                  text run at (0,17) width 102: "the default for "
                RenderInline {CODE} at (0,0) size 152x16
                  RenderText {TEXT} at (102,18) size 152x16
                    text run at (102,18) width 152: "background-position"
                RenderText {TEXT} at (254,17) size 715x34
                  text run at (254,17) width 345: " is '0% 0%' and that property is not declared here). "
                  text run at (599,17) width 116: "This is extra text"
                  text run at (0,34) width 431: "included for the sole purpose of making the paragraph longer. "
                  text run at (431,34) width 239: "Thank you for your understanding."
              RenderBlock {P} at (4,134) size 762x51
                RenderText {TEXT} at (0,0) size 742x34
                  text run at (0,0) width 742: "This sentence should have a single orange square behind it, placed at the upper left corner (since the default"
                  text run at (0,17) width 24: "for "
                RenderInline {CODE} at (0,0) size 152x16
                  RenderText {TEXT} at (24,18) size 152x16
                    text run at (24,18) width 152: "background-position"
                RenderText {TEXT} at (176,17) size 750x34
                  text run at (176,17) width 345: " is '0% 0%' and that property is not declared here). "
                  text run at (521,17) width 229: "This is extra text included for the"
                  text run at (0,34) width 318: "sole purpose of making the paragraph longer. "
                  text run at (318,34) width 239: "Thank you for your understanding."
              RenderBlock {P} at (4,199) size 762x68
                RenderText {TEXT} at (0,0) size 743x34
                  text run at (0,0) width 743: "This sentence should have a green-hatch stripe running vertically down the center of the paragraph, with the"
                  text run at (0,17) width 328: "origin image exactly centered in the paragraph. "
                  text run at (328,17) width 109: "This is because "
                RenderInline {CODE} at (0,0) size 64x16
                  RenderText {TEXT} at (437,18) size 64x16
                    text run at (437,18) width 64: "repeat-y"
                RenderText {TEXT} at (501,17) size 124x17
                  text run at (501,17) width 124: " specifies tiling in "
                RenderInline {EM} at (0,0) size 28x16
                  RenderText {TEXT} at (625,18) size 28x16
                    text run at (625,18) width 28: "both"
                RenderText {TEXT} at (653,17) size 747x34
                  text run at (653,17) width 94: " directions on"
                  text run at (0,34) width 78: "the y-axis. "
                  text run at (78,34) width 394: "Note that this test is only valid if the user agent supports "
                RenderInline {CODE} at (0,0) size 152x16
                  RenderText {TEXT} at (472,35) size 152x16
                    text run at (472,35) width 152: "background-position"
                RenderText {TEXT} at (624,34) size 36x17
                  text run at (624,34) width 36: " (see "
                RenderInline {A} at (0,0) size 67x17 [color=#0000FF]
                  RenderText {TEXT} at (660,34) size 67x17
                    text run at (660,34) width 67: "test 5.3.6"
                RenderText {TEXT} at (727,34) size 757x34
                  text run at (727,34) width 14: "). "
                  text run at (741,34) width 16: "I'll"
                  text run at (0,51) width 616: "fill the paragraph with extra text to make the conformance (or lack thereof) more obvious."
              RenderBlock {P} at (4,281) size 762x85 [bgcolor=#FF0000]
                RenderText {TEXT} at (0,0) size 762x34
                  text run at (0,0) width 717: "This paragraph should have a tiled background, with the origin image exactly centered in the paragraph. "
                  text run at (717,0) width 45: "This is"
                  text run at (0,17) width 60: "because "
                RenderInline {CODE} at (0,0) size 136x16 [bgcolor=#000000]
                  RenderText {TEXT} at (60,18) size 136x16
                    text run at (60,18) width 136: "background-repeat"
                RenderText {TEXT} at (196,17) size 124x17
                  text run at (196,17) width 124: " specifies tiling in "
                RenderInline {EM} at (0,0) size 14x16 [bgcolor=#000000]
                  RenderText {TEXT} at (320,18) size 14x16
                    text run at (320,18) width 14: "all"
                RenderText {TEXT} at (334,17) size 729x34
                  text run at (334,17) width 395: " directions, regardless of the position of the origin image."
                  text run at (0,34) width 394: "Note that this test is only valid if the user agent supports "
                RenderInline {CODE} at (0,0) size 152x16 [bgcolor=#000000]
                  RenderText {TEXT} at (394,35) size 152x16
                    text run at (394,35) width 152: "background-position"
                RenderText {TEXT} at (546,34) size 36x17
                  text run at (546,34) width 36: " (see "
                RenderInline {A} at (0,0) size 67x17 [color=#0000FF] [bgcolor=#000000]
                  RenderText {TEXT} at (582,34) size 67x17
                    text run at (582,34) width 67: "test 5.3.6"
                RenderText {TEXT} at (649,34) size 727x51
                  text run at (649,34) width 14: "). "
                  text run at (663,34) width 64: "I'll fill the"
                  text run at (0,51) width 572: "paragraph with extra text to make the conformance (or lack thereof) more obvious. "
                  text run at (572,51) width 151: "A background color is"
                  text run at (0,68) width 507: "present, although if it is visible then the image has not bee correctly tiled."
              RenderBlock {P} at (4,380) size 762x68 [bgcolor=#FF0000]
                RenderText {TEXT} at (0,0) size 757x68
                  text run at (0,0) width 724: "This sentence should have a fully tiled background which starts at its center top; that is, the background's"
                  text run at (0,17) width 423: "origin should be the exact center of the top of the paragraph. "
                  text run at (423,17) width 334: "I'll fill it with extra text to make the conformance"
                  text run at (0,34) width 216: "(or lack thereof) more obvious. "
                  text run at (216,34) width 541: "A background color is present, although if it is visible, then the image may not"
                  text run at (0,51) width 172: "have been tiled correctly."
              RenderBlock {P} at (4,462) size 762x51 [bgcolor=#FF0000]
                RenderText {TEXT} at (0,0) size 749x51
                  text run at (0,0) width 534: "This sentence should have a fully tiled background which starts at its top left. "
                  text run at (534,0) width 215: "I'll fill it with extra text to make"
                  text run at (0,17) width 335: "the conformance (or lack thereof) more obvious. "
                  text run at (335,17) width 409: "A background color is present, although if it is visible, then"
                  text run at (0,34) width 304: "the image may not have been tiled correctly."
              RenderBlock {P} at (4,527) size 762x68 [bgcolor=#FF0000]
                RenderText {TEXT} at (0,0) size 755x68
                  text run at (0,0) width 755: "This sentence should have a fully tiled background which starts at its bottom right; in other words, a complete"
                  text run at (0,17) width 752: "instance of the image should be anchored in the bottom right corner, with the tiled background extending out"
                  text run at (0,34) width 82: "from there. "
                  text run at (82,34) width 554: "I'll fill it with extra text to make the conformance (or lack thereof) more obvious. "
                  text run at (636,34) width 96: "A background"
                  text run at (0,51) width 617: "color is present, although if it is visible, then the image may not have been tiled correctly."
              RenderBlock {P} at (4,609) size 762x119 [bgcolor=#FF0000]
                RenderText {TEXT} at (0,0) size 743x119
                  text run at (0,0) width 743: "This sentence should have a fully tiled background which starts at its center and is tiled in all directions; that"
                  text run at (0,17) width 495: "is, the background's origin should be the exact center of the paragraph. "
                  text run at (495,17) width 241: "I'll fill it with extra text to make the"
                  text run at (0,34) width 309: "conformance (or lack thereof) more obvious. "
                  text run at (309,34) width 416: "In fact, a lot of extra text will be necessary to make this at all"
                  text run at (0,51) width 63: "obvious. "
                  text run at (63,51) width 668: "This is true because I am not able to increase the text size without resorting to either headings or"
                  text run at (0,68) width 501: "other CSS properties, neither of which I want to use in this circumstance. "
                  text run at (501,68) width 204: "This ought to be enough text,"
                  text run at (0,85) width 58: "though. "
                  text run at (58,85) width 649: "A background color is present, although if it is visible, then the image may not have been tiled"
                  text run at (0,102) width 64: "correctly."
