https://bugs.webkit.org/show_bug.cgi?id=81608 fast/multicol/span/span-as-immediate...
[WebKit-https.git] / LayoutTests / platform / mac / fast / multicol / span / span-as-immediate-child-property-removal-expected.txt
index ef7820e431a675af911b591416a6e7d93cabb293..29faf4f5f76d9b236ea234811626c9bafcb3bc4a 100644 (file)
@@ -1,8 +1,8 @@
-layer at (0,0) size 785x2423
+layer at (0,0) size 785x2406
   RenderView at (0,0) size 785x600
-layer at (0,0) size 785x2423
-  RenderBlock {HTML} at (0,0) size 785x2423
-    RenderBody {BODY} at (8,8) size 769x2399
+layer at (0,0) size 785x2406
+  RenderBlock {HTML} at (0,0) size 785x2406
+    RenderBody {BODY} at (8,8) size 769x2382
       RenderBlock (anonymous) at (0,0) size 769x36
         RenderText {#text} at (0,0) size 760x36
           text run at (0,0) width 760: "In this test, all of the spanning elements have their spans turned off dynamically, and so they should just be in the column"
@@ -10,13 +10,10 @@ layer at (0,0) size 785x2423
         RenderText {#text} at (0,0) size 0x0
 layer at (8,60) size 760x358
   RenderBlock {DIV} at (0,52) size 760x358 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,5) size 750x0
-layer at (13,65) size 750x348
-  RenderBlock (anonymous multi-column) at (5,5) size 750x348
-    RenderBlock {H2} at (0,19) size 367x28 [bgcolor=#EEEEEE]
+    RenderBlock {H2} at (5,24) size 367x28 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock (anonymous) at (0,66) size 367x624
+    RenderBlock (anonymous) at (5,71) size 367x624
       RenderText {#text} at (0,0) size 363x624
         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"
@@ -54,59 +51,52 @@ layer at (13,65) size 750x348
         text run at (0,570) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
         text run at (0,588) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
         text run at (0,606) width 154: "Nulla varius enim ac mi."
-layer at (8,434) size 760x349
-  RenderBlock {DIV} at (0,426) size 760x349 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,311) size 750x0
-layer at (13,439) size 750x306
-  RenderBlock (anonymous multi-column) at (5,5) size 750x306
-    RenderText {#text} at (0,0) size 363x612
-      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,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
-      text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-      text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-      text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-      text run at (0,378) width 95: "adipiscing elit. "
-      text run at (95,378) width 259: "Lorem ipsum dolor sit amet, consectetuer"
-      text run at (0,396) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
-      text run at (0,414) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
-      text run at (0,432) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
-      text run at (0,450) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-      text run at (0,468) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
-      text run at (0,486) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
-      text run at (0,504) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
-      text run at (0,522) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
-      text run at (0,540) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
-      text run at (0,558) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-      text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-      text run at (0,594) width 154: "Nulla varius enim ac mi."
-layer at (13,745) size 750x33
-  RenderBlock (anonymous multi-column) at (5,311) size 750x33
-    RenderBlock {H2} at (0,19) size 367x28 [bgcolor=#EEEEEE]
+layer at (8,434) size 760x357
+  RenderBlock {DIV} at (0,426) size 760x357 [border: (5px solid #800000)]
+    RenderBlock (anonymous) at (5,5) size 367x617
+      RenderText {#text} at (0,0) size 363x617
+        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,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
+        text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
+        text run at (0,347) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
+        text run at (0,365) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,383) width 95: "adipiscing elit. "
+        text run at (95,383) width 259: "Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,401) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
+        text run at (0,419) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
+        text run at (0,437) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,455) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,473) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
+        text run at (0,491) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
+        text run at (0,509) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
+        text run at (0,527) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
+        text run at (0,545) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
+        text run at (0,563) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,581) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,599) width 154: "Nulla varius enim ac mi."
+    RenderBlock {H2} at (5,641) size 367x28 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-layer at (8,799) size 760x400
-  RenderBlock {DIV} at (0,791) size 760x400 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,147) size 750x0
-layer at (13,804) size 750x142
-  RenderBlock (anonymous multi-column) at (5,5) size 750x142
-    RenderBlock {P} at (0,16) size 367x234
+layer at (8,807) size 760x380
+  RenderBlock {DIV} at (0,799) size 760x380 [border: (5px solid #800000)]
+    RenderBlock {P} at (5,21) size 367x234
       RenderText {#text} at (0,0) size 363x234
         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"
@@ -122,13 +112,11 @@ layer at (13,804) size 750x142
         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 20: "mi."
-layer at (13,946) size 750x248
-  RenderBlock (anonymous multi-column) at (5,147) size 750x248
-    RenderBlock {H2} at (0,19) size 367x28 [bgcolor=#EEEEEE]
+    RenderBlock {H2} at (5,274) size 367x28 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock {P} at (0,66) size 367x398
-      RenderText {#text} at (0,0) size 363x398
+    RenderBlock {P} at (5,321) size 367x396
+      RenderText {#text} at (0,0) size 363x396
         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"
@@ -139,25 +127,22 @@ layer at (13,946) size 750x248
         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,182) width 233: "sit amet, consectetuer adipiscing elit. "
-        text run at (233,182) width 121: "Lorem ipsum dolor"
-        text run at (0,200) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
-        text run at (0,218) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
-        text run at (0,236) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
-        text run at (0,254) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,272) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
-        text run at (0,290) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,308) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,326) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,344) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-        text run at (0,362) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,380) width 91: "adipiscing elit."
-layer at (8,1215) size 760x384
-  RenderBlock {DIV} at (0,1207) size 760x384 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,131) size 750x0
-layer at (13,1220) size 750x126
-  RenderBlock (anonymous multi-column) at (5,5) size 750x126
-    RenderBlock (anonymous) at (0,0) size 367x234
+        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,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
+        text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
+        text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
+        text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,378) width 91: "adipiscing elit."
+layer at (8,1203) size 760x382
+  RenderBlock {DIV} at (0,1195) size 760x382 [border: (5px solid #800000)]
+    RenderBlock (anonymous) at (5,5) size 367x234
       RenderText {#text} at (0,0) size 363x234
         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"
@@ -173,16 +158,14 @@ layer at (13,1220) size 750x126
         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 20: "mi."
-layer at (13,1346) size 750x248
-  RenderBlock (anonymous multi-column) at (5,131) size 750x248
-    RenderBlock {H2} at (0,19) size 367x28 [bgcolor=#EEEEEE]
+    RenderBlock {H2} at (5,258) size 367x28 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock (anonymous) at (0,66) size 367x200
+    RenderBlock (anonymous) at (5,305) size 367x198
       RenderInline {SPAN} at (0,0) size 42x18
         RenderText {#text} at (0,0) size 42x18
           text run at (0,0) width 42: "Lorem"
-      RenderText {#text} at (42,0) size 362x200
+      RenderText {#text} at (42,0) size 362x198
         text run at (42,0) width 312: " 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"
@@ -193,8 +176,8 @@ layer at (13,1346) size 750x248
         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,182) width 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock {P} at (0,282) size 367x198
+        text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
+    RenderBlock {P} at (5,519) size 367x198
       RenderText {#text} at (0,0) size 362x198
         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"
@@ -207,12 +190,9 @@ layer at (13,1346) size 750x248
         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 229: "sit amet, consectetuer adipiscing elit."
-layer at (8,1615) size 760x368
-  RenderBlock {DIV} at (0,1607) size 760x368 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,221) size 750x0
-layer at (13,1620) size 750x216
-  RenderBlock (anonymous multi-column) at (5,5) size 750x216
-    RenderBlock (anonymous) at (0,0) size 367x198
+layer at (8,1601) size 760x373
+  RenderBlock {DIV} at (0,1593) size 760x373 [border: (5px solid #800000)]
+    RenderBlock (anonymous) at (5,5) size 367x198
       RenderInline {SPAN} at (0,0) size 362x198
         RenderText {#text} at (0,0) size 362x198
           text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
@@ -226,16 +206,16 @@ layer at (13,1620) size 750x216
           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 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock (anonymous) at (0,198) size 367x36
+    RenderBlock (anonymous) at (5,203) size 367x36
       RenderBlock {SPAN} at (0,0) size 367x36
         RenderText {#text} at (0,0) size 354x36
           text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
           text run at (0,18) width 154: "Nulla varius enim ac mi."
-    RenderBlock (anonymous) at (0,234) size 367x198
+    RenderBlock (anonymous) at (5,239) size 367x201
       RenderInline {SPAN} at (0,0) size 42x18
         RenderText {#text} at (0,0) size 42x18
           text run at (0,0) width 42: "Lorem"
-      RenderText {#text} at (42,0) size 362x198
+      RenderText {#text} at (42,0) size 362x201
         text run at (42,0) width 312: " 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"
@@ -243,34 +223,29 @@ layer at (13,1620) size 750x216
         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 229: "sit amet, consectetuer adipiscing elit."
-layer at (13,1836) size 750x142
-  RenderBlock (anonymous multi-column) at (5,221) size 750x142
-    RenderBlock {H2} at (0,19) size 367x28 [bgcolor=#EEEEEE]
+        text run at (0,129) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,147) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,165) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
+        text run at (0,183) width 229: "sit amet, consectetuer adipiscing elit."
+    RenderBlock {H2} at (5,459) size 367x28 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock {P} at (0,66) size 367x202
-      RenderText {#text} at (0,0) size 362x202
+    RenderBlock {P} at (5,506) size 367x198
+      RenderText {#text} at (0,0) size 362x198
         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,76) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,94) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,112) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,130) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,148) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,166) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,184) width 229: "sit amet, consectetuer adipiscing elit."
-layer at (8,1999) size 760x408
-  RenderBlock {DIV} at (0,1991) size 760x408 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,253) size 750x0
-layer at (13,2004) size 750x248
-  RenderBlock (anonymous multi-column) at (5,5) size 750x248
-    RenderBlock {P} at (0,16) size 367x198
+        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 229: "sit amet, consectetuer adipiscing elit."
+layer at (8,1990) size 760x400
+  RenderBlock {DIV} at (0,1982) size 760x400 [border: (5px solid #800000)]
+    RenderBlock {P} at (5,21) size 367x198
       RenderText {#text} at (0,0) size 362x198
         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"
@@ -283,11 +258,11 @@ layer at (13,2004) size 750x248
         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 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock {P} at (0,230) size 367x36
+    RenderBlock {P} at (5,235) size 367x36
       RenderText {#text} at (0,0) size 354x36
         text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
         text run at (0,18) width 154: "Nulla varius enim ac mi."
-    RenderBlock {P} at (0,282) size 367x198
+    RenderBlock {P} at (5,287) size 367x198
       RenderText {#text} at (0,0) size 362x198
         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"
@@ -300,30 +275,28 @@ layer at (13,2004) size 750x248
         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 229: "sit amet, consectetuer adipiscing elit."
-layer at (13,2252) size 750x150
-  RenderBlock (anonymous multi-column) at (5,253) size 750x150
-    RenderBlock {H2} at (0,19) size 367x28 [bgcolor=#EEEEEE]
+    RenderBlock {H2} at (5,504) size 367x28 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock (anonymous) at (0,66) size 367x18
+    RenderBlock (anonymous) at (5,551) size 367x18
       RenderInline {SPAN} at (0,0) size 354x18
         RenderText {#text} at (0,0) size 354x18
           text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-    RenderBlock (anonymous) at (0,84) size 367x18
+    RenderBlock (anonymous) at (5,569) size 367x18
       RenderBlock {SPAN} at (0,0) size 367x18
         RenderText {#text} at (0,0) size 154x18
           text run at (0,0) width 154: "Nulla varius enim ac mi."
-    RenderBlock (anonymous) at (0,102) size 367x192
-      RenderInline {SPAN} at (0,0) size 362x192
-        RenderText {#text} at (0,0) size 362x192
+    RenderBlock (anonymous) at (5,587) size 367x180
+      RenderInline {SPAN} at (0,0) size 362x180
+        RenderText {#text} at (0,0) size 362x180
           text run at (0,0) width 362: "Curabitur sollicitudin felis quis lectus. Quisque adipiscing"
           text run at (0,18) width 350: "rhoncus sem. Proin nulla purus, vulputate vel, varius ut,"
-          text run at (0,48) width 350: "euismod et, nisi. Sed vitae felis vel orci sagittis aliquam."
-          text run at (0,66) width 332: "Cras convallis adipiscing sem. Nam nonummy enim."
-          text run at (0,84) width 351: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-          text run at (0,102) width 329: "tempus euismod, pretium quis, interdum vitae, nulla."
-          text run at (0,120) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-          text run at (0,138) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-          text run at (0,156) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-          text run at (0,174) width 91: "adipiscing elit."
+          text run at (0,36) width 350: "euismod et, nisi. Sed vitae felis vel orci sagittis aliquam."
+          text run at (0,54) width 332: "Cras convallis adipiscing sem. Nam nonummy enim."
+          text run at (0,72) width 351: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
+          text run at (0,90) width 329: "tempus euismod, pretium quis, interdum vitae, nulla."
+          text run at (0,108) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
+          text run at (0,126) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
+          text run at (0,144) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
+          text run at (0,162) width 91: "adipiscing elit."
       RenderText {#text} at (0,0) size 0x0