layer at (0,0) size 785x1935
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x1935
  RenderBlock {HTML} at (0,0) size 785x1935
    RenderBody {BODY} at (8,16) size 769x1903
layer at (8,16) size 750x418
  RenderBlock {DIV} at (0,0) size 750x418 [bgcolor=#EEEEEE]
    RenderBlock (anonymous multi-column span) at (0,0) size 750x94
      RenderBlock {H2} at (0,19) size 750x56 [bgcolor=#CCCCCC]
        RenderText {#text} at (0,0) size 687x56
          text run at (0,0) width 670: "This is a spanning element at the beginning of the columns block. "
          text run at (670,0) width 17: "It"
          text run at (0,28) width 527: "should collapse its margins with the top of the page."
layer at (8,110) size 750x324
  RenderBlock (anonymous multi-column) at (0,94) size 750x324
    RenderText {#text} at (0,0) size 363x631
      text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
      text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
      text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
      text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
      text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
      text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
      text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
      text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
      text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
      text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
      text run at (233,180) width 121: "Lorem ipsum dolor"
      text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
      text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
      text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
      text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
      text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
      text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
      text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
      text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
      text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
      text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
      text run at (0,396) width 95: "adipiscing elit. "
      text run at (95,396) width 259: "Lorem ipsum dolor sit amet, consectetuer"
      text run at (0,414) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
      text run at (0,432) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
      text run at (0,450) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
      text run at (0,468) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
      text run at (0,486) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
      text run at (0,504) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
      text run at (0,522) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
      text run at (0,540) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
      text run at (0,558) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
      text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,594) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,612) width 154: "Nulla varius enim ac mi."
layer at (8,450) size 750x418
  RenderBlock {DIV} at (0,434) size 750x418 [bgcolor=#EEEEEE]
    RenderBlock (anonymous multi-column span) at (0,324) size 750x94
      RenderBlock {H2} at (0,19) size 750x56 [bgcolor=#CCCCCC]
        RenderText {#text} at (0,0) size 696x56
          text run at (0,0) width 606: "This is a spanning element at the end of the columns block. "
          text run at (606,0) width 90: "It should"
          text run at (0,28) width 504: "collapse its margins with the h2 in the next block."
layer at (8,450) size 750x324
  RenderBlock (anonymous multi-column) at (0,0) size 750x324
    RenderText {#text} at (0,0) size 363x631
      text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
      text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
      text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
      text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
      text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
      text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
      text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
      text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
      text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
      text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
      text run at (233,180) width 121: "Lorem ipsum dolor"
      text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
      text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
      text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
      text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
      text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
      text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
      text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
      text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
      text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
      text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
      text run at (0,396) width 95: "adipiscing elit. "
      text run at (95,396) width 259: "Lorem ipsum dolor sit amet, consectetuer"
      text run at (0,414) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
      text run at (0,432) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
      text run at (0,450) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
      text run at (0,468) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
      text run at (0,486) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
      text run at (0,504) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
      text run at (0,522) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
      text run at (0,540) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
      text run at (0,558) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
      text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,594) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,612) width 154: "Nulla varius enim ac mi."
layer at (8,884) size 750x418
  RenderBlock {DIV} at (0,868) size 750x418 [bgcolor=#EEEEEE]
    RenderBlock (anonymous multi-column span) at (0,0) size 750x94
      RenderBlock {H2} at (0,19) size 750x56 [bgcolor=#CCCCCC]
        RenderText {#text} at (0,0) size 687x56
          text run at (0,0) width 670: "This is a spanning element at the beginning of the columns block. "
          text run at (670,0) width 17: "It"
          text run at (0,28) width 621: "should collapse its margins with the h2 in the previous block."
layer at (8,978) size 750x324
  RenderBlock (anonymous multi-column) at (0,94) size 750x324
    RenderText {#text} at (0,0) size 363x631
      text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
      text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
      text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
      text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
      text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
      text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
      text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
      text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
      text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
      text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
      text run at (233,180) width 121: "Lorem ipsum dolor"
      text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
      text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
      text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
      text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
      text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
      text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
      text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
      text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
      text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
      text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
      text run at (0,396) width 95: "adipiscing elit. "
      text run at (95,396) width 259: "Lorem ipsum dolor sit amet, consectetuer"
      text run at (0,414) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
      text run at (0,432) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
      text run at (0,450) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
      text run at (0,468) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
      text run at (0,486) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
      text run at (0,504) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
      text run at (0,522) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
      text run at (0,540) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
      text run at (0,558) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
      text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,594) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,612) width 154: "Nulla varius enim ac mi."
layer at (8,1318) size 750x601
  RenderBlock {DIV} at (0,1302) size 750x601 [bgcolor=#EEEEEE]
    RenderBlock (anonymous multi-column span) at (0,216) size 750x169
      RenderBlock {H2} at (0,19) size 750x56 [bgcolor=#CCCCCC]
        RenderText {#text} at (0,0) size 730x56
          text run at (0,0) width 640: "This is a spanning element in the middle of the columns block. "
          text run at (640,0) width 90: "It should"
          text run at (0,28) width 569: "collapse its margins with the spanning element below it."
      RenderBlock {H2} at (0,94) size 750x56 [bgcolor=#CCCCCC]
        RenderText {#text} at (0,0) size 730x56
          text run at (0,0) width 640: "This is a spanning element in the middle of the columns block. "
          text run at (640,0) width 90: "It should"
          text run at (0,28) width 569: "collapse its margins with the spanning element above it."
layer at (8,1318) size 750x216
  RenderBlock (anonymous multi-column) at (0,0) size 750x216
    RenderText {#text} at (0,0) size 363x415
      text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
      text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
      text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
      text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
      text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
      text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
      text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
      text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
      text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
      text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
      text run at (233,180) width 121: "Lorem ipsum dolor"
      text run at (0,216) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
      text run at (0,234) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
      text run at (0,252) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
      text run at (0,270) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
      text run at (0,288) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
      text run at (0,306) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
      text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
      text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
      text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
      text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
      text run at (0,396) width 91: "adipiscing elit."
layer at (8,1703) size 750x216
  RenderBlock (anonymous multi-column) at (0,385) size 750x216
    RenderText {#text} at (0,0) size 363x415
      text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
      text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
      text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
      text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
      text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
      text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
      text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
      text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
      text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
      text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
      text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
      text run at (233,180) width 121: "Lorem ipsum dolor"
      text run at (0,216) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
      text run at (0,234) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
      text run at (0,252) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
      text run at (0,270) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
      text run at (0,288) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
      text run at (0,306) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
      text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
      text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
      text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
      text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
      text run at (0,396) width 91: "adipiscing elit."