layer at (0,0) size 785x1568
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x1568
  RenderBlock {HTML} at (0,0) size 785x1568
    RenderBody {BODY} at (8,16) size 769x1504 [bgcolor=#FFFFFF]
      RenderBlock {P} at (0,0) size 769x18
        RenderText {#text} at (0,0) size 168x17
          text run at (0,0) width 168: "This page is part of the "
        RenderInline {A} at (0,0) size 73x17 [color=#0000EE]
          RenderText {#text} at (167,0) size 73x17
            text run at (167,0) width 73: "CSS3.info"
        RenderText {#text} at (239,0) size 5x17
          text run at (239,0) width 5: " "
        RenderInline {A} at (0,0) size 133x17 [color=#0000EE]
          RenderText {#text} at (243,0) size 133x17
            text run at (243,0) width 133: "CSS selectors test"
        RenderText {#text} at (375,0) size 136x17
          text run at (375,0) width 136: ". See more info on "
        RenderInline {A} at (0,0) size 111x17 [color=#0000EE]
          RenderText {#text} at (510,0) size 111x17
            text run at (510,0) width 111: "CSS3 selectors"
        RenderText {#text} at (620,0) size 6x17
          text run at (620,0) width 6: "."
      RenderBlock {DIV} at (0,34) size 769x0 [bgcolor=#009900]
      RenderBlock {OL} at (0,34) size 769x1470
        RenderListItem {LI} at (40,0) size 615.19x189 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
          RenderBlock {PRE} at (16,53) size 583.19x70 [bgcolor=#FFFFFF]
            RenderListMarker at (-37.78,6.50) size 17.78x17: "1"
            RenderText {#text} at (6,10) size 87x54
              text run at (6,10) width 63: ":empty {"
              text run at (68,10) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,38) width 1: " "
              text run at (6,51) width 87: "<div></div>"
          RenderBlock {P} at (16,139) size 583.19x18
            RenderText {#text} at (0,0) size 484x17
              text run at (0,0) width 484: "The CSS selector should match the div element, because it is empty"
        RenderListItem {LI} at (40,237) size 615.19x189 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#990000]
            RenderBlock {DIV} at (0,0) size 583.19x24 [bgcolor=#009900]
          RenderBlock {PRE} at (16,53) size 583.19x70 [bgcolor=#FFFFFF]
            RenderListMarker at (-37.78,6.50) size 17.78x17: "2"
            RenderText {#text} at (6,10) size 266x54
              text run at (6,10) width 63: ":empty {"
              text run at (68,10) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,38) width 1: " "
              text run at (6,51) width 266: "<div><!-- Just a comment --></div>"
          RenderBlock {P} at (16,139) size 583.19x18
            RenderText {#text} at (0,0) size 484x17
              text run at (0,0) width 484: "The CSS selector should match the div element, because it is empty"
        RenderListItem {LI} at (40,474) size 615.19x189 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 583.19x24
          RenderBlock {PRE} at (16,53) size 583.19x70 [bgcolor=#FFFFFF]
            RenderListMarker at (-37.78,6.50) size 17.78x17: "3"
            RenderText {#text} at (6,10) size 95x54
              text run at (6,10) width 63: ":empty {"
              text run at (68,10) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,38) width 1: " "
              text run at (6,51) width 95: "<div> </div>"
          RenderBlock {P} at (16,139) size 583.19x18
            RenderText {#text} at (0,0) size 538x17
              text run at (0,0) width 538: "The CSS selector should not match the div element, because it is not empty"
        RenderListItem {LI} at (40,711) size 615.19x228 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583.19x42 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 583.19x42
              RenderListMarker at (-37.78,12) size 17.78x17: "4"
              RenderText {#text} at (12,12) size 5x17
                text run at (12,12) width 5: "."
          RenderBlock {PRE} at (16,71) size 583.19x91 [bgcolor=#FFFFFF]
            RenderText {#text} at (6,7) size 219x78
              text run at (6,7) width 63: ":empty {"
              text run at (68,7) width 1: " "
              text run at (6,20) width 9: "}"
              text run at (14,20) width 1: " "
              text run at (6,33) width 1: " "
              text run at (6,46) width 48: "<div> "
              text run at (53,46) width 1: " "
              text run at (6,59) width 219: "   How about regular text..."
              text run at (224,59) width 1: " "
              text run at (6,72) width 48: "</div>"
          RenderBlock {P} at (16,178) size 583.19x18
            RenderText {#text} at (0,0) size 538x17
              text run at (0,0) width 538: "The CSS selector should not match the div element, because it is not empty"
        RenderListItem {LI} at (40,987) size 615.19x189 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 583.19x24
              RenderBlock {BLOCKQUOTE} at (12,12) size 559.19x0 [bgcolor=#990000]
          RenderBlock {PRE} at (16,53) size 583.19x70 [bgcolor=#FFFFFF]
            RenderListMarker at (-37.78,6.50) size 17.78x17: "5"
            RenderText {#text} at (6,10) size 282x54
              text run at (6,10) width 63: ":empty {"
              text run at (68,10) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,38) width 1: " "
              text run at (6,51) width 282: "<div><blockquote></blockquote></div>"
          RenderBlock {P} at (16,139) size 583.19x18
            RenderText {#text} at (0,0) size 538x17
              text run at (0,0) width 538: "The CSS selector should not match the div element, because it is not empty"
        RenderListItem {LI} at (40,1224) size 615.19x246 [bgcolor=#AAAAAA]
          RenderBlock {DIV} at (16,16) size 583.19x24 [bgcolor=#009900]
            RenderBlock {DIV} at (0,0) size 583.19x24
              RenderBlock {DIV} at (12,12) size 559.19x0 [bgcolor=#990000]
          RenderBlock {PRE} at (16,53) size 583.19x109 [bgcolor=#FFFFFF]
            RenderListMarker at (-37.78,6.50) size 17.78x17: "6"
            RenderText {#text} at (6,10) size 375x93
              text run at (6,10) width 63: ":empty {"
              text run at (68,10) width 1: " "
              text run at (6,25) width 9: "}"
              text run at (14,25) width 1: " "
              text run at (6,38) width 1: " "
              text run at (6,51) width 219: "<div id='appendChild'></div>"
              text run at (224,51) width 1: " "
              text run at (6,64) width 1: " "
              text run at (6,77) width 375: "var ib = document.getElementById('appendChild');"
              text run at (380,77) width 1: " "
              text run at (6,90) width 360: "ib.appendChild(document.createElement(\"div\"));"
          RenderBlock {P} at (16,178) size 583.19x36
            RenderText {#text} at (0,0) size 575x35
              text run at (0,0) width 575: "The CSS selector should not match the orignal div element, because it will not be"
              text run at (0,18) width 49: "empty "
              text run at (48,18) width 454: "anymore after the Javascript code appends a child element to it."