Upstream version 10.39.225.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / platform / win / css1 / formatting_model / floating_elements-expected.txt
index e6a69be..b9fe142 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 785x6501
+layer at (0,0) size 785x6362
   RenderView at (0,0) size 785x600
-layer at (0,0) size 785x6501
-  RenderBlock {HTML} at (0,0) size 785x6501
-    RenderBody {BODY} at (8,8) size 769x6485 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 769x20
-        RenderText {#text} at (0,0) size 337x19
-          text run at (0,0) width 337: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 769x144
+layer at (0,0) size 785x6362
+  RenderBlock {HTML} at (0,0) size 785x6362
+    RenderBody {BODY} at (8,8) size 769x6346 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 363x17
+          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x144
         RenderText {#text} at (0,0) size 480x144
           text run at (0,0) width 272: "HR.minor {clear: both; width: 5%;}"
           text run at (272,0) width 0: " "
@@ -25,674 +25,700 @@ layer at (0,0) size 785x6501
           text run at (0,112) width 176: ".right {float: right;}"
           text run at (176,112) width 0: " "
           text run at (0,128) width 0: " "
-      RenderBlock {HR} at (0,193) size 769x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {P} at (0,211) size 769x40
-        RenderText {#text} at (0,0) size 731x39
-          text run at (0,0) width 645: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
-          text run at (645,0) width 86: "Other than the"
-          text run at (0,20) width 690: "substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
-      RenderBlock {HR} at (24,275) size 578.75x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,301) size 765x90 [border: (5px solid #800080)]
-        RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 159x39
-            text run at (17,17) width 120: "This is a left-floating"
-            text run at (17,37) width 159: "paragraph (first in source)."
-        RenderBlock (floating) {P} at (566,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 128x59
-            text run at (17,17) width 128: "This is a right-floating"
-            text run at (17,37) width 127: "paragraph (second in"
-            text run at (17,57) width 49: "source)."
-        RenderText {#text} at (199,5) size 358x79
-          text run at (199,5) width 164: "This is text within the DIV. "
-          text run at (363,5) width 189: "The floating elements within this"
-          text run at (199,25) width 358: "DIV should not go beyond the left or right inner edge of this"
-          text run at (199,45) width 352: "DIV, which means that the borders of the floating elements"
-          text run at (199,65) width 326: "should not overlap the top or side borders of the DIV."
-      RenderBlock {HR} at (364.28,400) size 40.44x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,410) size 765x50 [border: (5px solid #800080)]
+      RenderBlock {HR} at (0,191) size 769x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {P} at (0,209) size 769x54
+        RenderText {#text} at (0,0) size 764x53
+          text run at (0,0) width 696: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
+          text run at (695,0) width 69: "Other than"
+          text run at (0,18) width 729: "the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the"
+          text run at (0,36) width 40: "floats."
+      RenderBlock {HR} at (24,287) size 578.75x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,313) size 765x100 [border: (5px solid #800080)]
+        RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 135x53
+            text run at (17,17) width 135: "This is a left-floating"
+            text run at (17,35) width 116: "paragraph (first in"
+            text run at (17,53) width 52: "source)."
+        RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 144x53
+            text run at (17,17) width 144: "This is a right-floating"
+            text run at (17,35) width 135: "paragraph (second in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (199,5) size 365x89
+          text run at (199,5) width 180: "This is text within the DIV. "
+          text run at (378,5) width 186: "The floating elements within"
+          text run at (199,23) width 336: "this DIV should not go beyond the left or right inner"
+          text run at (199,41) width 344: "edge of this DIV, which means that the borders of the"
+          text run at (199,59) width 329: "floating elements should not overlap the top or side"
+          text run at (199,77) width 126: "borders of the DIV."
+      RenderBlock {HR} at (364.28,421) size 40.44x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,431) size 765x64 [border: (5px solid #800080)]
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (20,5) size 704x39
-          text run at (20,5) width 164: "This is text within the DIV. "
-          text run at (184,5) width 540: "The floating images within this DIV should not go beyond the left or right inner edge of this"
-          text run at (20,25) width 671: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the DIV."
-      RenderBlock {HR} at (24,484) size 578.75x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,510) size 442x230 [border: (5px solid #800080)]
-        RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 157x39
-            text run at (17,17) width 157: "This is the first left-floating"
-            text run at (17,37) width 65: "paragraph."
-        RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 135x39
-            text run at (17,17) width 135: "This is the second left-"
-            text run at (17,37) width 112: "floating paragraph."
-        RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 119x39
-            text run at (17,17) width 119: "This is the third left-"
-            text run at (17,37) width 112: "floating paragraph."
-        RenderText {#text} at (393,5) size 426x219
-          text run at (393,5) width 38: "This is"
-          text run at (393,25) width 22: "text"
-          text run at (393,45) width 35: "within"
-          text run at (393,65) width 18: "the"
-          text run at (199,85) width 35: "DIV. "
-          text run at (234,85) width 189: "The floating elements within this"
-          text run at (199,105) width 222: "DIV should not go beyond the left or"
-          text run at (199,125) width 206: "right inner edge of this DIV, which"
-          text run at (199,145) width 222: "means that the borders of the floating"
-          text run at (5,165) width 417: "elements should not overlap the top or side borders of the DIV in any"
-          text run at (5,185) width 33: "way. "
-          text run at (38,185) width 287: "In addition, they should not overlap each other. "
-          text run at (325,185) width 76: "The first two"
-          text run at (5,205) width 414: "should be side by side, whereas the third should be on the next \"line.\""
-      RenderBlock {HR} at (364.28,748) size 40.44x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,758) size 360x210 [border: (5px solid #800080)]
+        RenderText {#text} at (20,5) size 732x53
+          text run at (20,5) width 180: "This is text within the DIV. "
+          text run at (199,5) width 513: "The floating images within this DIV should not go beyond the left or right inner"
+          text run at (20,23) width 717: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side borders"
+          text run at (5,41) width 74: "of the DIV."
+      RenderBlock {HR} at (24,519) size 578.75x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,545) size 442x226 [border: (5px solid #800080)]
+        RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 128x35
+            text run at (17,17) width 128: "This is the first left-"
+            text run at (17,35) width 122: "floating paragraph."
+        RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 146x35
+            text run at (17,17) width 146: "This is the second left-"
+            text run at (17,35) width 122: "floating paragraph."
+        RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 132x35
+            text run at (17,17) width 132: "This is the third left-"
+            text run at (17,35) width 122: "floating paragraph."
+        RenderText {#text} at (393,5) size 432x215
+          text run at (393,5) width 44: "This is"
+          text run at (393,23) width 24: "text"
+          text run at (393,41) width 41: "within"
+          text run at (393,59) width 20: "the"
+          text run at (199,77) width 37: "DIV. "
+          text run at (235,77) width 185: "The floating elements within"
+          text run at (199,95) width 222: "this DIV should not go beyond the"
+          text run at (199,113) width 225: "left or right inner edge of this DIV,"
+          text run at (199,131) width 229: "which means that the borders of the"
+          text run at (5,149) width 422: "floating elements should not overlap the top or side borders of the"
+          text run at (5,167) width 111: "DIV in any way. "
+          text run at (115,167) width 304: "In addition, they should not overlap each other."
+          text run at (5,185) width 432: "The first two should be side by side, whereas the third should be on"
+          text run at (5,203) width 97: "the next \"line.\""
+      RenderBlock {HR} at (364.28,779) size 40.44x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,789) size 360x208 [border: (5px solid #800080)]
         RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
-        RenderText {#text} at (317,5) size 350x199
-          text run at (317,5) width 38: "This is"
-          text run at (317,25) width 22: "text"
-          text run at (161,45) width 96: "within the DIV. "
-          text run at (257,45) width 70: "The floating"
-          text run at (161,65) width 178: "images within this DIV should"
-          text run at (5,85) width 319: "not go beyond the left or right inner edge of this DIV,"
-          text run at (5,105) width 349: "which means that the borders of the floating images should"
-          text run at (5,125) width 318: "not overlap the top or side borders of the DIV in any"
-          text run at (5,145) width 33: "way. "
-          text run at (38,145) width 287: "In addition, they should not overlap each other. "
-          text run at (325,145) width 23: "The"
-          text run at (5,165) width 340: "first two should be side by side, whereas the third should"
-          text run at (5,185) width 123: "be on the next \"line.\""
-      RenderBlock {HR} at (24,992) size 578.75x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,1018) size 314x364 [border: (5px solid #800080)]
-        RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 159x39
-            text run at (17,17) width 120: "This is a left-floating"
-            text run at (17,37) width 159: "paragraph (first in source)."
-        RenderBlock (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 128x59
-            text run at (17,17) width 128: "This is a right-floating"
-            text run at (17,37) width 127: "paragraph (second in"
-            text run at (17,57) width 49: "source)."
-        RenderText {#text} at (199,5) size 303x353
-          text run at (199,5) width 103: "This is text within"
-          text run at (199,25) width 57: "the DIV. "
-          text run at (256,25) width 23: "The"
-          text run at (199,45) width 99: "floating elements"
-          text run at (5,79) width 90: "within this DIV"
-          text run at (5,99) width 81: "should not go"
-          text run at (5,119) width 106: "beyond the left or"
-          text run at (5,139) width 108: "right inner edge of"
-          text run at (5,159) width 94: "this DIV, which"
-          text run at (5,179) width 278: "means that the borders of the floating elements"
-          text run at (5,199) width 291: "should not overlap the top or side borders of the"
-          text run at (5,219) width 103: "DIV in any way. "
-          text run at (108,219) width 163: "In addition, they should not"
-          text run at (5,239) width 273: "overlap each other in any way, nor should the"
-          text run at (5,259) width 290: "floated elements be overwritten by the DIV text."
-          text run at (5,279) width 276: "In addition, the floated elements should not be"
-          text run at (5,299) width 303: "side-by-side, but instead the first should be floated"
-          text run at (5,319) width 293: "left, and the second floated to the right below the"
-          text run at (5,339) width 26: "first."
-      RenderBlock {HR} at (364.28,1390) size 40.44x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,1400) size 410x246 [border: (5px solid #800080)]
+        RenderText {#text} at (317,5) size 346x197
+          text run at (317,5) width 29: "This"
+          text run at (317,23) width 11: "is"
+          text run at (161,41) width 133: "text within the DIV. "
+          text run at (293,41) width 26: "The"
+          text run at (161,59) width 172: "floating images within this"
+          text run at (5,77) width 343: "DIV should not go beyond the left or right inner edge"
+          text run at (5,95) width 310: "of this DIV, which means that the borders of the"
+          text run at (5,113) width 318: "floating images should not overlap the top or side"
+          text run at (5,131) width 204: "borders of the DIV in any way. "
+          text run at (208,131) width 106: "In addition, they"
+          text run at (5,149) width 198: "should not overlap each other. "
+          text run at (202,149) width 149: "The first two should be"
+          text run at (5,167) width 335: "side by side, whereas the third should be on the next"
+          text run at (5,185) width 42: "\"line.\""
+      RenderBlock {HR} at (24,1021) size 578.75x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,1047) size 314x350 [border: (5px solid #800080)]
+        RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 135x53
+            text run at (17,17) width 135: "This is a left-floating"
+            text run at (17,35) width 116: "paragraph (first in"
+            text run at (17,53) width 52: "source)."
+        RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 144x53
+            text run at (17,17) width 144: "This is a right-floating"
+            text run at (17,35) width 135: "paragraph (second in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (199,5) size 302x339
+          text run at (199,5) width 72: "This is text"
+          text run at (199,23) width 101: "within the DIV."
+          text run at (199,41) width 79: "The floating"
+          text run at (199,59) width 102: "elements within"
+          text run at (5,93) width 103: "this DIV should"
+          text run at (5,111) width 92: "not go beyond"
+          text run at (5,129) width 97: "the left or right"
+          text run at (5,147) width 85: "inner edge of"
+          text run at (5,165) width 103: "this DIV, which"
+          text run at (5,183) width 300: "means that the borders of the floating elements"
+          text run at (5,201) width 284: "should not overlap the top or side borders of"
+          text run at (5,219) width 135: "the DIV in any way. "
+          text run at (139,219) width 153: "In addition, they should"
+          text run at (5,237) width 293: "not overlap each other in any way, nor should"
+          text run at (5,255) width 302: "the floated elements be overwritten by the DIV"
+          text run at (5,273) width 32: "text. "
+          text run at (36,273) width 255: "In addition, the floated elements should"
+          text run at (5,291) width 300: "not be side-by-side, but instead the first should"
+          text run at (5,309) width 281: "be floated left, and the second floated to the"
+          text run at (5,327) width 131: "right below the first."
+      RenderBlock {HR} at (364.28,1405) size 40.44x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,1415) size 410x226 [border: (5px solid #800080)]
         RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
-        RenderText {#text} at (261,5) size 400x235
-          text run at (261,5) width 125: "This is text within the"
-          text run at (5,41) width 35: "DIV. "
-          text run at (40,41) width 70: "The floating"
-          text run at (5,61) width 135: "images within this DIV"
-          text run at (5,81) width 362: "should not go beyond the left or right inner edge of this DIV,"
-          text run at (5,101) width 372: "which means that the borders of the floating images should not"
-          text run at (5,121) width 332: "overlap the top or side borders of the DIV in any way. "
-          text run at (337,121) width 68: "In addition,"
-          text run at (5,141) width 368: "they should not overlap each other in any way, nor should the"
-          text run at (5,161) width 294: "floated elements be overwritten by the DIV text. "
-          text run at (299,161) width 90: "In addition, the"
-          text run at (5,181) width 371: "floated images should not be side-by-side, but instead the first"
-          text run at (5,201) width 400: "should be floated left, and the second floated to the right below the"
-          text run at (5,221) width 26: "first."
-      RenderBlock {HR} at (24,1670) size 578.75x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,1696) size 765x130 [border: (5px solid #800080)]
-        RenderBlock (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 159x39
-            text run at (17,17) width 128: "This is a right-floating"
-            text run at (17,37) width 159: "paragraph (first in source)."
-        RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 127x59
-            text run at (17,17) width 120: "This is a left-floating"
-            text run at (17,37) width 127: "paragraph (second in"
-            text run at (17,57) width 49: "source)."
-        RenderText {#text} at (199,5) size 745x119
-          text run at (199,5) width 164: "This is text within the DIV. "
-          text run at (363,5) width 189: "The floating elements within this"
-          text run at (199,25) width 349: "DIV should not go beyond the top side of this DIV, which"
-          text run at (199,45) width 344: "means that the borders of the floating elements should not"
-          text run at (199,65) width 332: "overlap the top or side borders of the DIV in any way. "
-          text run at (531,65) width 12: "In"
-          text run at (199,85) width 551: "addition, the top of the left-floating box should not be higher than the top of the right-floating"
-          text run at (5,105) width 27: "box."
-      RenderBlock {HR} at (364.28,1834) size 40.44x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,1844) size 765x70 [border: (5px solid #800080)]
+        RenderText {#text} at (261,5) size 396x215
+          text run at (261,5) width 140: "This is text within the"
+          text run at (261,23) width 37: "DIV. "
+          text run at (297,23) width 80: "The floating"
+          text run at (5,41) width 118: "images within this"
+          text run at (5,59) width 120: "DIV should not go"
+          text run at (5,77) width 388: "beyond the left or right inner edge of this DIV, which means"
+          text run at (5,95) width 391: "that the borders of the floating images should not overlap the"
+          text run at (5,113) width 276: "top or side borders of the DIV in any way. "
+          text run at (280,113) width 106: "In addition, they"
+          text run at (5,131) width 364: "should not overlap each other in any way, nor should the"
+          text run at (5,149) width 315: "floated elements be overwritten by the DIV text. "
+          text run at (319,149) width 74: "In addition,"
+          text run at (5,167) width 392: "the floated images should not be side-by-side, but instead the"
+          text run at (5,185) width 391: "first should be floated left, and the second floated to the right"
+          text run at (5,203) width 97: "below the first."
+      RenderBlock {HR} at (24,1665) size 578.75x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,1691) size 765x118 [border: (5px solid #800080)]
+        RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 144x53
+            text run at (17,17) width 144: "This is a right-floating"
+            text run at (17,35) width 116: "paragraph (first in"
+            text run at (17,53) width 52: "source)."
+        RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 135x53
+            text run at (17,17) width 135: "This is a left-floating"
+            text run at (17,35) width 135: "paragraph (second in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (199,5) size 559x107
+          text run at (199,5) width 180: "This is text within the DIV. "
+          text run at (378,5) width 186: "The floating elements within"
+          text run at (199,23) width 357: "this DIV should not go beyond the top side of this DIV,"
+          text run at (199,41) width 344: "which means that the borders of the floating elements"
+          text run at (199,59) width 356: "should not overlap the top or side borders of the DIV in"
+          text run at (199,77) width 62: "any way. "
+          text run at (260,77) width 272: "In addition, the top of the left-floating box"
+          text run at (5,95) width 373: "should not be higher than the top of the right-floating box."
+      RenderBlock {HR} at (364.28,1817) size 40.44x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,1827) size 765x64 [border: (5px solid #800080)]
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (20,5) size 710x59
-          text run at (20,5) width 164: "This is text within the DIV. "
-          text run at (184,5) width 531: "The floating images within this DIV should not go beyond the top side of this DIV, which"
-          text run at (20,25) width 669: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
-          text run at (689,25) width 12: "In"
-          text run at (5,45) width 606: "addition, the top of the left-floating image should not be higher than the top of the right-floating image."
-      RenderBlock {HR} at (24,1938) size 578.75x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,1964) size 765x130 [border: (5px solid #800080)]
-        RenderText {#text} at (199,5) size 172x19
-          text run at (199,5) width 164: "This is text within the DIV. "
-          text run at (363,5) width 8: "*"
-        RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 159x39
-            text run at (17,17) width 120: "This is a left-floating"
-            text run at (17,37) width 159: "paragraph (first in source)."
-        RenderText {#text} at (371,5) size 546x39
-          text run at (371,5) width 374: " The floating elements within this DIV should not go any higher"
-          text run at (199,25) width 407: "than the line-box containing the inline content which precedes them. "
-          text run at (606,25) width 12: "* "
-        RenderBlock (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 128x59
-            text run at (17,17) width 128: "This is a right-floating"
-            text run at (17,37) width 127: "paragraph (second in"
-            text run at (17,57) width 49: "source)."
-        RenderText {#text} at (618,25) size 752x99
-          text run at (618,25) width 139: "This means that the top"
-          text run at (199,45) width 359: "side of each float can be, at most, as high as the top edge of"
-          text run at (199,65) width 326: "the inline element containing the content just before the"
-          text run at (5,85) width 225: "floating elements occur in the source. "
-          text run at (230,85) width 314: "In order to mark these points clearly, an asterisk has"
-          text run at (5,105) width 279: "been inserted just before each floated element."
-      RenderBlock {HR} at (364.28,2103) size 40.44x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,2113) size 765x90 [border: (5px solid #800080)]
-        RenderText {#text} at (20,5) size 172x19
-          text run at (20,5) width 164: "This is text within the DIV. "
-          text run at (184,5) width 8: "*"
+        RenderText {#text} at (20,5) size 734x53
+          text run at (20,5) width 180: "This is text within the DIV. "
+          text run at (199,5) width 535: "The floating images within this DIV should not go beyond the top side of this DIV,"
+          text run at (20,23) width 719: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in any"
+          text run at (5,41) width 35: "way. "
+          text run at (39,41) width 679: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image."
+      RenderBlock {HR} at (24,1915) size 578.75x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,1941) size 765x136 [border: (5px solid #800080)]
+        RenderText {#text} at (199,5) size 188x17
+          text run at (199,5) width 180: "This is text within the DIV. "
+          text run at (378,5) width 9: "*"
+        RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 135x53
+            text run at (17,17) width 135: "This is a left-floating"
+            text run at (17,35) width 116: "paragraph (first in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (386,5) size 555x35
+          text run at (386,5) width 368: " The floating elements within this DIV should not go any"
+          text run at (199,23) width 487: "higher than the line-box containing the inline content which precedes them. "
+          text run at (685,23) width 13: "* "
+        RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 144x53
+            text run at (17,17) width 144: "This is a right-floating"
+            text run at (17,35) width 135: "paragraph (second in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (697,23) size 722x107
+          text run at (697,23) width 30: "This"
+          text run at (199,41) width 352: "means that the top side of each float can be, at most, as"
+          text run at (199,59) width 360: "high as the top edge of the inline element containing the"
+          text run at (199,77) width 337: "content just before the floating elements occur in the"
+          text run at (5,95) width 50: "source. "
+          text run at (54,95) width 495: "In order to mark these points clearly, an asterisk has been inserted just before"
+          text run at (5,113) width 137: "each floated element."
+      RenderBlock {HR} at (364.28,2085) size 40.44x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,2095) size 765x82 [border: (5px solid #800080)]
+        RenderText {#text} at (20,5) size 188x17
+          text run at (20,5) width 180: "This is text within the DIV. "
+          text run at (199,5) width 9: "*"
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (192,5) size 725x39
-          text run at (192,5) width 553: " The floating images within this DIV should not go any higher than the line-box containing the"
-          text run at (20,25) width 217: "inline content which precedes them. "
-          text run at (237,25) width 12: "* "
-        RenderImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (249,25) size 735x59
-          text run at (249,25) width 486: "This means that the top side of each float can be, at most, as high as the top edge"
-          text run at (5,45) width 560: "of the inline element containing the content just before the floating images occur in the source. "
-          text run at (565,45) width 175: "In order to mark these points"
-          text run at (5,65) width 407: "clearly, an asterisk has been inserted just before each floated image."
-      RenderBlock {HR} at (24,2227) size 578.75x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,2253) size 765x230 [border: (5px solid #800080)]
-        RenderText {#text} at (199,5) size 172x19
-          text run at (199,5) width 164: "This is text within the DIV. "
-          text run at (363,5) width 8: "*"
-        RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 159x39
-            text run at (17,17) width 120: "This is a left-floating"
-            text run at (17,37) width 159: "paragraph (first in source)."
-        RenderText {#text} at (371,5) size 546x39
-          text run at (371,5) width 374: " The floating elements within this DIV should not go any higher"
-          text run at (199,25) width 407: "than the line-box containing the inline content which precedes them. "
-          text run at (606,25) width 12: "* "
-        RenderBlock (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 128x59
-            text run at (17,17) width 128: "This is a right-floating"
-            text run at (17,37) width 127: "paragraph (second in"
-            text run at (17,57) width 49: "source)."
-        RenderText {#text} at (618,25) size 364x39
-          text run at (618,25) width 139: "This means that the top"
-          text run at (393,45) width 158: "side of each float can be,*"
-        RenderBlock (floating) {P} at (199,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 120x59
-            text run at (17,17) width 120: "This is a left-floating"
-            text run at (17,37) width 111: "paragraph (third in"
-            text run at (17,57) width 49: "source)."
-        RenderText {#text} at (551,45) size 367x119
-          text run at (551,45) width 15: " at"
-          text run at (393,65) width 141: "most, as high as the top"
-          text run at (393,85) width 151: "edge of the inline element"
-          text run at (393,105) width 155: "containing the content just"
-          text run at (393,125) width 164: "before the floating elements"
-          text run at (199,145) width 122: "occur in the source. "
-          text run at (321,145) width 8: "*"
-        RenderBlock (floating) {P} at (5,145) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 120x59
-            text run at (17,17) width 120: "This is a left-floating"
-            text run at (17,37) width 119: "paragraph (fourth in"
-            text run at (17,57) width 49: "source)."
-        RenderText {#text} at (329,145) size 557x79
-          text run at (329,145) width 427: " In order to mark these points clearly, an asterisk has been inserted just"
-          text run at (199,165) width 174: "before each floated element. "
-          text run at (373,165) width 379: "If a line has room for a floated element, then the element should"
-          text run at (199,185) width 517: "float so that its top is aligned with the top of the line-box in which the asterisk appears."
-          text run at (199,205) width 380: "Otherwise, its top should align with the top of the next line-box."
-      RenderBlock {HR} at (364.28,2492) size 40.44x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,2502) size 765x130 [border: (5px solid #800080)]
-        RenderText {#text} at (20,5) size 172x19
-          text run at (20,5) width 164: "This is text within the DIV. "
-          text run at (184,5) width 8: "*"
+        RenderText {#text} at (207,5) size 700x35
+          text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
+          text run at (20,23) width 330: "containing the inline content which precedes them. "
+          text run at (349,23) width 13: "* "
+        RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (361,23) size 724x53
+          text run at (361,23) width 368: "This means that the top side of each float can be, at most,"
+          text run at (5,41) width 706: "as high as the top edge of the inline element containing the content just before the floating images occur in the"
+          text run at (5,59) width 50: "source. "
+          text run at (54,59) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
+      RenderBlock {HR} at (24,2201) size 578.75x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,2227) size 765x262 [border: (5px solid #800080)]
+        RenderText {#text} at (199,5) size 188x17
+          text run at (199,5) width 180: "This is text within the DIV. "
+          text run at (378,5) width 9: "*"
+        RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 135x53
+            text run at (17,17) width 135: "This is a left-floating"
+            text run at (17,35) width 116: "paragraph (first in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (386,5) size 555x35
+          text run at (386,5) width 368: " The floating elements within this DIV should not go any"
+          text run at (199,23) width 487: "higher than the line-box containing the inline content which precedes them. "
+          text run at (685,23) width 13: "* "
+        RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 144x53
+            text run at (17,17) width 144: "This is a right-floating"
+            text run at (17,35) width 135: "paragraph (second in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (697,23) size 528x35
+          text run at (697,23) width 30: "This"
+          text run at (199,41) width 288: "means that the top side of each float can be,*"
+        RenderBlock (floating) {P} at (199,59) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 135x53
+            text run at (17,17) width 135: "This is a left-floating"
+            text run at (17,35) width 120: "paragraph (third in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (486,41) size 276x107
+          text run at (486,41) width 73: " at most, as"
+          text run at (393,59) width 169: "high as the top edge of the"
+          text run at (393,77) width 163: "inline element containing"
+          text run at (393,95) width 167: "the content just before the"
+          text run at (393,113) width 167: "floating elements occur in"
+          text run at (587,131) width 74: "the source. "
+          text run at (660,131) width 9: "*"
+        RenderBlock (floating) {P} at (393,131) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 135x53
+            text run at (17,17) width 135: "This is a left-floating"
+            text run at (17,35) width 129: "paragraph (fourth in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (668,131) size 747x125
+          text run at (668,131) width 72: " In order to"
+          text run at (587,149) width 165: "mark these points clearly,"
+          text run at (587,167) width 128: "an asterisk has been"
+          text run at (587,185) width 156: "inserted just before each"
+          text run at (587,203) width 108: "floated element. "
+          text run at (694,203) width 50: "If a line"
+          text run at (5,221) width 741: "has room for a floated element, then the element should float so that its top is aligned with the top of the line-box in"
+          text run at (5,239) width 177: "which the asterisk appears. "
+          text run at (181,239) width 411: "Otherwise, its top should align with the top of the next line-box."
+      RenderBlock {HR} at (364.28,2497) size 40.44x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,2507) size 765x118 [border: (5px solid #800080)]
+        RenderText {#text} at (20,5) size 188x17
+          text run at (20,5) width 180: "This is text within the DIV. "
+          text run at (199,5) width 9: "*"
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (192,5) size 710x39
-          text run at (192,5) width 553: " The floating images within this DIV should not go any higher than the line-box containing the"
-          text run at (35,25) width 217: "inline content which precedes them. "
-          text run at (252,25) width 12: "* "
-        RenderImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (264,25) size 305x19
-          text run at (264,25) width 297: "This means that the top side of each float can be, "
-          text run at (561,25) width 8: "*"
-        RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (569,25) size 679x39
-          text run at (569,25) width 160: " at most, as high as the top"
-          text run at (50,45) width 593: "edge of the inline element containing the content just before the floating images occur in the source. "
-          text run at (643,45) width 8: "*"
-        RenderImage {IMG} at (35,45) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (651,45) size 747x79
-          text run at (651,45) width 69: " In order to"
-          text run at (50,65) width 521: "mark these points clearly, an asterisk has been inserted just before each floated image. "
-          text run at (571,65) width 181: "If a line has room for a floated"
-          text run at (5,85) width 693: "image, then the image should float so that its top is aligned with the top of the line-box in which the asterisk appears."
-          text run at (5,105) width 380: "Otherwise, its top should align with the top of the next line-box."
-      RenderBlock {HR} at (24,2656) size 578.75x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,2682) size 490x310 [border: (5px solid #800080)]
-        RenderText {#text} at (199,5) size 50x19
-          text run at (199,5) width 50: "This is *"
-        RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 159x39
-            text run at (17,17) width 120: "This is a left-floating"
-            text run at (17,37) width 159: "paragraph (first in source)."
-        RenderText {#text} at (249,5) size 12x19
-          text run at (249,5) width 12: " *"
-        RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (17,17) size 128x59
-            text run at (17,17) width 128: "This is a right-floating"
-            text run at (17,37) width 127: "paragraph (second in"
-            text run at (17,57) width 49: "source)."
-        RenderText {#text} at (261,5) size 478x299
-          text run at (261,5) width 26: " text"
-          text run at (199,25) width 92: "within the DIV."
-          text run at (199,45) width 83: "Under CSS1,"
-          text run at (199,65) width 87: "the left floating"
-          text run at (5,85) width 249: "element should be placed in the upper left"
-          text run at (5,105) width 448: "corner of the DIV, and the purple border of the DIV should abut the green"
-          text run at (5,125) width 184: "border of the floating element. "
-          text run at (189,125) width 266: "Similarly, the right floating element should be"
-          text run at (5,145) width 465: "placed in the upper right corner of the DIV, and the purple border of the DIV"
-          text run at (5,165) width 434: "should abut the green border of the floating element. The text of the DIV"
-          text run at (5,185) width 448: "element should flow between and under the two floating elements. The two"
-          text run at (5,205) width 434: "asterisk characters mark the insertion points of the floating elements. It is"
-          text run at (5,225) width 460: "expected that, under future specifications, it may be acceptable for the top of"
-          text run at (5,245) width 478: "floated elements to align with the top of the line-box following the insertion point"
-          text run at (5,265) width 456: "of the floated element to avoid floating elements appearing before text which"
-          text run at (5,285) width 213: "precedes it in the source document."
-      RenderBlock {HR} at (364.28,3000) size 40.44x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {DIV} at (2,3010) size 490x230 [border: (5px solid #800080)]
-        RenderText {#text} at (20,5) size 50x19
-          text run at (20,5) width 50: "This is *"
+        RenderText {#text} at (207,5) size 685x35
+          text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
+          text run at (35,23) width 330: "containing the inline content which precedes them. "
+          text run at (364,23) width 13: "* "
+        RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (376,23) size 326x17
+          text run at (376,23) width 318: "This means that the top side of each float can be, "
+          text run at (693,23) width 9: "*"
+        RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (701,23) size 720x53
+          text run at (701,23) width 16: " at"
+          text run at (35,41) width 705: "most, as high as the top edge of the inline element containing the content just before the floating images occur"
+          text run at (20,59) width 90: "in the source. "
+          text run at (109,59) width 9: "*"
+        RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (117,59) size 755x53
+          text run at (117,59) width 632: " In order to mark these points clearly, an asterisk has been inserted just before each floated image. "
+          text run at (748,59) width 12: "If"
+          text run at (20,77) width 740: "a line has room for a floated image, then the image should float so that its top is aligned with the top of the line-box"
+          text run at (5,95) width 193: "in which the asterisk appears. "
+          text run at (197,95) width 411: "Otherwise, its top should align with the top of the next line-box."
+      RenderBlock {HR} at (24,2649) size 578.75x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,2675) size 490x298 [border: (5px solid #800080)]
+        RenderText {#text} at (199,5) size 56x17
+          text run at (199,5) width 56: "This is *"
+        RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 135x53
+            text run at (17,17) width 135: "This is a left-floating"
+            text run at (17,35) width 116: "paragraph (first in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (254,5) size 13x17
+          text run at (254,5) width 13: " *"
+        RenderBlock (floating) {P} at (291,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (17,17) size 144x53
+            text run at (17,17) width 144: "This is a right-floating"
+            text run at (17,35) width 135: "paragraph (second in"
+            text run at (17,53) width 52: "source)."
+        RenderText {#text} at (199,23) size 475x269
+          text run at (199,23) width 69: "text within"
+          text run at (199,41) width 56: "the DIV."
+          text run at (199,59) width 85: "Under CSS1,"
+          text run at (199,77) width 45: "the left"
+          text run at (5,95) width 471: "floating element should be placed in the upper left corner of the DIV, and"
+          text run at (5,113) width 466: "the purple border of the DIV should abut the green border of the floating"
+          text run at (5,131) width 59: "element. "
+          text run at (63,131) width 382: "Similarly, the right floating element should be placed in the"
+          text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should"
+          text run at (5,167) width 475: "abut the green border of the floating element. The text of the DIV element"
+          text run at (5,185) width 428: "should flow between and under the two floating elements. The two"
+          text run at (5,203) width 470: "asterisk characters mark the insertion points of the floating elements. It is"
+          text run at (5,221) width 474: "expected that, under future specifications, it may be acceptable for the top"
+          text run at (5,239) width 444: "of floated elements to align with the top of the line-box following the"
+          text run at (5,257) width 475: "insertion point of the floated element to avoid floating elements appearing"
+          text run at (5,275) width 342: "before text which precedes it in the source document."
+      RenderBlock {HR} at (364.28,2981) size 40.44x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {DIV} at (2,2991) size 490x226 [border: (5px solid #800080)]
+        RenderText {#text} at (20,5) size 56x17
+          text run at (20,5) width 56: "This is *"
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (70,5) size 12x19
-          text run at (70,5) width 12: " *"
+        RenderText {#text} at (75,5) size 13x17
+          text run at (75,5) width 13: " *"
         RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (82,5) size 479x219
-          text run at (82,5) width 126: " text within the DIV. "
-          text run at (208,5) width 256: "Under CSS1, the left floating image should"
-          text run at (20,25) width 445: "be placed in the upper left corner of the DIV, and the purple border of the"
-          text run at (5,45) width 336: "DIV should abut the green border of the floating image. "
-          text run at (341,45) width 107: "Similarly, the right"
-          text run at (5,65) width 457: "floating image should be placed in the upper right corner of the DIV, and the"
-          text run at (5,85) width 457: "purple border of the DIV should abut the green border of the floating image."
-          text run at (5,105) width 456: "The text of the DIV element should flow between and under the two floating"
-          text run at (5,125) width 445: "image. The two asterisk characters mark the insertion points of the floating"
-          text run at (5,145) width 43: "image. "
-          text run at (48,145) width 424: "It is expected that, under future specifications, it may be acceptable for"
-          text run at (5,165) width 452: "the top of floated elements to align with the top of the line-box following the"
-          text run at (5,185) width 479: "insertion point of the floated element to avoid floating elements appearing before"
-          text run at (5,205) width 278: "text which precedes it in the source document."
-      RenderBlock {HR} at (24,3264) size 578.75x2 [border: (1px inset #EEEEEE)]
-      RenderTable {TABLE} at (0,3290) size 769x3195 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 767x3193
-          RenderTableRow {TR} at (0,0) size 767x28
-            RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x19
-                RenderText {#text} at (4,4) size 159x19
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 767x3165
-            RenderTableCell {TD} at (0,1596) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+        RenderText {#text} at (87,5) size 475x215
+          text run at (87,5) width 137: " text within the DIV. "
+          text run at (223,5) width 232: "Under CSS1, the left floating image"
+          text run at (20,23) width 431: "should be placed in the upper left corner of the DIV, and the purple"
+          text run at (5,41) width 444: "border of the DIV should abut the green border of the floating image."
+          text run at (5,59) width 445: "Similarly, the right floating image should be placed in the upper right"
+          text run at (5,77) width 475: "corner of the DIV, and the purple border of the DIV should abut the green"
+          text run at (5,95) width 449: "border of the floating image. The text of the DIV element should flow"
+          text run at (5,113) width 452: "between and under the two floating image. The two asterisk characters"
+          text run at (5,131) width 306: "mark the insertion points of the floating image. "
+          text run at (310,131) width 158: "It is expected that, under"
+          text run at (5,149) width 467: "future specifications, it may be acceptable for the top of floated elements"
+          text run at (5,167) width 455: "to align with the top of the line-box following the insertion point of the"
+          text run at (5,185) width 453: "floated element to avoid floating elements appearing before text which"
+          text run at (5,203) width 226: "precedes it in the source document."
+      RenderBlock {HR} at (24,3241) size 578.75x2 [border: (1px inset #EEEEEE)]
+      RenderTable {TABLE} at (0,3267) size 769x3079 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x3077
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x17
+                RenderText {#text} at (4,4) size 163x17
+                  text run at (4,4) width 163: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 767x3051
+            RenderTableCell {TD} at (0,1538) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 755x3165 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 747x40
-                RenderText {#text} at (0,0) size 731x39
-                  text run at (0,0) width 645: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
-                  text run at (645,0) width 86: "Other than the"
-                  text run at (0,20) width 690: "substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
-              RenderBlock {HR} at (28,68) size 562.25x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,94) size 743x110 [border: (5px solid #800080)]
-                RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 159x39
-                    text run at (17,17) width 120: "This is a left-floating"
-                    text run at (17,37) width 159: "paragraph (first in source)."
-                RenderBlock (floating) {P} at (544,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 128x59
-                    text run at (17,17) width 128: "This is a right-floating"
-                    text run at (17,37) width 127: "paragraph (second in"
-                    text run at (17,57) width 49: "source)."
-                RenderText {#text} at (199,5) size 536x99
-                  text run at (199,5) width 164: "This is text within the DIV. "
-                  text run at (363,5) width 165: "The floating elements within"
-                  text run at (199,25) width 342: "this DIV should not go beyond the left or right inner edge"
-                  text run at (199,45) width 336: "of this DIV, which means that the borders of the floating"
-                  text run at (199,65) width 325: "elements should not overlap the top or side borders of"
-                  text run at (5,85) width 53: "the DIV."
-              RenderBlock {HR} at (357.83,212) size 39.34x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,222) size 743x50 [border: (5px solid #800080)]
+            RenderTableCell {TD} at (12,26) size 755x3051 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x54
+                RenderText {#text} at (0,0) size 737x53
+                  text run at (0,0) width 696: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
+                  text run at (695,0) width 37: "Other"
+                  text run at (0,18) width 737: "than the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of"
+                  text run at (0,36) width 64: "the floats."
+              RenderBlock {HR} at (28,82) size 562.25x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800080)]
+                RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 135x53
+                    text run at (17,17) width 135: "This is a left-floating"
+                    text run at (17,35) width 116: "paragraph (first in"
+                    text run at (17,53) width 52: "source)."
+                RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 144x53
+                    text run at (17,17) width 144: "This is a right-floating"
+                    text run at (17,35) width 135: "paragraph (second in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (199,5) size 344x89
+                  text run at (199,5) width 180: "This is text within the DIV. "
+                  text run at (378,5) width 141: "The floating elements"
+                  text run at (199,23) width 344: "within this DIV should not go beyond the left or right"
+                  text run at (199,41) width 340: "inner edge of this DIV, which means that the borders"
+                  text run at (199,59) width 340: "of the floating elements should not overlap the top or"
+                  text run at (199,77) width 156: "side borders of the DIV."
+              RenderBlock {HR} at (357.83,216) size 39.34x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #800080)]
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (20,5) size 695x39
-                  text run at (20,5) width 164: "This is text within the DIV. "
-                  text run at (184,5) width 516: "The floating images within this DIV should not go beyond the left or right inner edge of"
-                  text run at (20,25) width 695: "this DIV, which means that the borders of the floating images should not overlap the top or side borders of the DIV."
-              RenderBlock {HR} at (28,296) size 562.25x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,322) size 442x230 [border: (5px solid #800080)]
-                RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 157x39
-                    text run at (17,17) width 157: "This is the first left-floating"
-                    text run at (17,37) width 65: "paragraph."
-                RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 135x39
-                    text run at (17,17) width 135: "This is the second left-"
-                    text run at (17,37) width 112: "floating paragraph."
-                RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 119x39
-                    text run at (17,17) width 119: "This is the third left-"
-                    text run at (17,37) width 112: "floating paragraph."
-                RenderText {#text} at (393,5) size 426x219
-                  text run at (393,5) width 38: "This is"
-                  text run at (393,25) width 22: "text"
-                  text run at (393,45) width 35: "within"
-                  text run at (393,65) width 18: "the"
-                  text run at (199,85) width 35: "DIV. "
-                  text run at (234,85) width 189: "The floating elements within this"
-                  text run at (199,105) width 222: "DIV should not go beyond the left or"
-                  text run at (199,125) width 206: "right inner edge of this DIV, which"
-                  text run at (199,145) width 222: "means that the borders of the floating"
-                  text run at (5,165) width 417: "elements should not overlap the top or side borders of the DIV in any"
-                  text run at (5,185) width 33: "way. "
-                  text run at (38,185) width 287: "In addition, they should not overlap each other. "
-                  text run at (325,185) width 76: "The first two"
-                  text run at (5,205) width 414: "should be side by side, whereas the third should be on the next \"line.\""
-              RenderBlock {HR} at (357.83,560) size 39.34x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,570) size 360x210 [border: (5px solid #800080)]
+                RenderText {#text} at (20,5) size 707x53
+                  text run at (20,5) width 180: "This is text within the DIV. "
+                  text run at (199,5) width 513: "The floating images within this DIV should not go beyond the left or right inner"
+                  text run at (20,23) width 665: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side"
+                  text run at (5,41) width 126: "borders of the DIV."
+              RenderBlock {HR} at (28,314) size 562.25x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800080)]
+                RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 128x35
+                    text run at (17,17) width 128: "This is the first left-"
+                    text run at (17,35) width 122: "floating paragraph."
+                RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 146x35
+                    text run at (17,17) width 146: "This is the second left-"
+                    text run at (17,35) width 122: "floating paragraph."
+                RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 132x35
+                    text run at (17,17) width 132: "This is the third left-"
+                    text run at (17,35) width 122: "floating paragraph."
+                RenderText {#text} at (393,5) size 432x215
+                  text run at (393,5) width 44: "This is"
+                  text run at (393,23) width 24: "text"
+                  text run at (393,41) width 41: "within"
+                  text run at (393,59) width 20: "the"
+                  text run at (199,77) width 37: "DIV. "
+                  text run at (235,77) width 185: "The floating elements within"
+                  text run at (199,95) width 222: "this DIV should not go beyond the"
+                  text run at (199,113) width 225: "left or right inner edge of this DIV,"
+                  text run at (199,131) width 229: "which means that the borders of the"
+                  text run at (5,149) width 422: "floating elements should not overlap the top or side borders of the"
+                  text run at (5,167) width 111: "DIV in any way. "
+                  text run at (115,167) width 304: "In addition, they should not overlap each other."
+                  text run at (5,185) width 432: "The first two should be side by side, whereas the third should be on"
+                  text run at (5,203) width 97: "the next \"line.\""
+              RenderBlock {HR} at (357.83,574) size 39.34x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,584) size 360x208 [border: (5px solid #800080)]
                 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
-                RenderText {#text} at (317,5) size 350x199
-                  text run at (317,5) width 38: "This is"
-                  text run at (317,25) width 22: "text"
-                  text run at (161,45) width 96: "within the DIV. "
-                  text run at (257,45) width 70: "The floating"
-                  text run at (161,65) width 178: "images within this DIV should"
-                  text run at (5,85) width 319: "not go beyond the left or right inner edge of this DIV,"
-                  text run at (5,105) width 349: "which means that the borders of the floating images should"
-                  text run at (5,125) width 318: "not overlap the top or side borders of the DIV in any"
-                  text run at (5,145) width 33: "way. "
-                  text run at (38,145) width 287: "In addition, they should not overlap each other. "
-                  text run at (325,145) width 23: "The"
-                  text run at (5,165) width 340: "first two should be side by side, whereas the third should"
-                  text run at (5,185) width 123: "be on the next \"line.\""
-              RenderBlock {HR} at (28,804) size 562.25x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,830) size 314x364 [border: (5px solid #800080)]
-                RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 159x39
-                    text run at (17,17) width 120: "This is a left-floating"
-                    text run at (17,37) width 159: "paragraph (first in source)."
-                RenderBlock (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 128x59
-                    text run at (17,17) width 128: "This is a right-floating"
-                    text run at (17,37) width 127: "paragraph (second in"
-                    text run at (17,57) width 49: "source)."
-                RenderText {#text} at (199,5) size 303x353
-                  text run at (199,5) width 103: "This is text within"
-                  text run at (199,25) width 57: "the DIV. "
-                  text run at (256,25) width 23: "The"
-                  text run at (199,45) width 99: "floating elements"
-                  text run at (5,79) width 90: "within this DIV"
-                  text run at (5,99) width 81: "should not go"
-                  text run at (5,119) width 106: "beyond the left or"
-                  text run at (5,139) width 108: "right inner edge of"
-                  text run at (5,159) width 94: "this DIV, which"
-                  text run at (5,179) width 278: "means that the borders of the floating elements"
-                  text run at (5,199) width 291: "should not overlap the top or side borders of the"
-                  text run at (5,219) width 103: "DIV in any way. "
-                  text run at (108,219) width 163: "In addition, they should not"
-                  text run at (5,239) width 273: "overlap each other in any way, nor should the"
-                  text run at (5,259) width 290: "floated elements be overwritten by the DIV text."
-                  text run at (5,279) width 276: "In addition, the floated elements should not be"
-                  text run at (5,299) width 303: "side-by-side, but instead the first should be floated"
-                  text run at (5,319) width 293: "left, and the second floated to the right below the"
-                  text run at (5,339) width 26: "first."
-              RenderBlock {HR} at (357.83,1202) size 39.34x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,1212) size 410x246 [border: (5px solid #800080)]
+                RenderText {#text} at (317,5) size 346x197
+                  text run at (317,5) width 29: "This"
+                  text run at (317,23) width 11: "is"
+                  text run at (161,41) width 133: "text within the DIV. "
+                  text run at (293,41) width 26: "The"
+                  text run at (161,59) width 172: "floating images within this"
+                  text run at (5,77) width 343: "DIV should not go beyond the left or right inner edge"
+                  text run at (5,95) width 310: "of this DIV, which means that the borders of the"
+                  text run at (5,113) width 318: "floating images should not overlap the top or side"
+                  text run at (5,131) width 204: "borders of the DIV in any way. "
+                  text run at (208,131) width 106: "In addition, they"
+                  text run at (5,149) width 198: "should not overlap each other. "
+                  text run at (202,149) width 149: "The first two should be"
+                  text run at (5,167) width 335: "side by side, whereas the third should be on the next"
+                  text run at (5,185) width 42: "\"line.\""
+              RenderBlock {HR} at (28,816) size 562.25x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,842) size 314x350 [border: (5px solid #800080)]
+                RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 135x53
+                    text run at (17,17) width 135: "This is a left-floating"
+                    text run at (17,35) width 116: "paragraph (first in"
+                    text run at (17,53) width 52: "source)."
+                RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 144x53
+                    text run at (17,17) width 144: "This is a right-floating"
+                    text run at (17,35) width 135: "paragraph (second in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (199,5) size 302x339
+                  text run at (199,5) width 72: "This is text"
+                  text run at (199,23) width 101: "within the DIV."
+                  text run at (199,41) width 79: "The floating"
+                  text run at (199,59) width 102: "elements within"
+                  text run at (5,93) width 103: "this DIV should"
+                  text run at (5,111) width 92: "not go beyond"
+                  text run at (5,129) width 97: "the left or right"
+                  text run at (5,147) width 85: "inner edge of"
+                  text run at (5,165) width 103: "this DIV, which"
+                  text run at (5,183) width 300: "means that the borders of the floating elements"
+                  text run at (5,201) width 284: "should not overlap the top or side borders of"
+                  text run at (5,219) width 135: "the DIV in any way. "
+                  text run at (139,219) width 153: "In addition, they should"
+                  text run at (5,237) width 293: "not overlap each other in any way, nor should"
+                  text run at (5,255) width 302: "the floated elements be overwritten by the DIV"
+                  text run at (5,273) width 32: "text. "
+                  text run at (36,273) width 255: "In addition, the floated elements should"
+                  text run at (5,291) width 300: "not be side-by-side, but instead the first should"
+                  text run at (5,309) width 281: "be floated left, and the second floated to the"
+                  text run at (5,327) width 131: "right below the first."
+              RenderBlock {HR} at (357.83,1200) size 39.34x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,1210) size 410x226 [border: (5px solid #800080)]
                 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
-                RenderText {#text} at (261,5) size 400x235
-                  text run at (261,5) width 125: "This is text within the"
-                  text run at (5,41) width 35: "DIV. "
-                  text run at (40,41) width 70: "The floating"
-                  text run at (5,61) width 135: "images within this DIV"
-                  text run at (5,81) width 362: "should not go beyond the left or right inner edge of this DIV,"
-                  text run at (5,101) width 372: "which means that the borders of the floating images should not"
-                  text run at (5,121) width 332: "overlap the top or side borders of the DIV in any way. "
-                  text run at (337,121) width 68: "In addition,"
-                  text run at (5,141) width 368: "they should not overlap each other in any way, nor should the"
-                  text run at (5,161) width 294: "floated elements be overwritten by the DIV text. "
-                  text run at (299,161) width 90: "In addition, the"
-                  text run at (5,181) width 371: "floated images should not be side-by-side, but instead the first"
-                  text run at (5,201) width 400: "should be floated left, and the second floated to the right below the"
-                  text run at (5,221) width 26: "first."
-              RenderBlock {HR} at (28,1482) size 562.25x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,1508) size 743x130 [border: (5px solid #800080)]
-                RenderBlock (floating) {P} at (544,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 159x39
-                    text run at (17,17) width 128: "This is a right-floating"
-                    text run at (17,37) width 159: "paragraph (first in source)."
-                RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 127x59
-                    text run at (17,17) width 120: "This is a left-floating"
-                    text run at (17,37) width 127: "paragraph (second in"
-                    text run at (17,57) width 49: "source)."
-                RenderText {#text} at (199,5) size 718x119
-                  text run at (199,5) width 164: "This is text within the DIV. "
-                  text run at (363,5) width 165: "The floating elements within"
-                  text run at (199,25) width 334: "this DIV should not go beyond the top side of this DIV,"
-                  text run at (199,45) width 317: "which means that the borders of the floating elements"
-                  text run at (199,65) width 336: "should not overlap the top or side borders of the DIV in"
-                  text run at (199,85) width 58: "any way. "
-                  text run at (257,85) width 466: "In addition, the top of the left-floating box should not be higher than the top of"
-                  text run at (5,105) width 128: "the right-floating box."
-              RenderBlock {HR} at (357.83,1646) size 39.34x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,1656) size 743x70 [border: (5px solid #800080)]
+                RenderText {#text} at (261,5) size 396x215
+                  text run at (261,5) width 140: "This is text within the"
+                  text run at (261,23) width 37: "DIV. "
+                  text run at (297,23) width 80: "The floating"
+                  text run at (5,41) width 118: "images within this"
+                  text run at (5,59) width 120: "DIV should not go"
+                  text run at (5,77) width 388: "beyond the left or right inner edge of this DIV, which means"
+                  text run at (5,95) width 391: "that the borders of the floating images should not overlap the"
+                  text run at (5,113) width 276: "top or side borders of the DIV in any way. "
+                  text run at (280,113) width 106: "In addition, they"
+                  text run at (5,131) width 364: "should not overlap each other in any way, nor should the"
+                  text run at (5,149) width 315: "floated elements be overwritten by the DIV text. "
+                  text run at (319,149) width 74: "In addition,"
+                  text run at (5,167) width 392: "the floated images should not be side-by-side, but instead the"
+                  text run at (5,185) width 391: "first should be floated left, and the second floated to the right"
+                  text run at (5,203) width 97: "below the first."
+              RenderBlock {HR} at (28,1460) size 562.25x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,1486) size 743x118 [border: (5px solid #800080)]
+                RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 144x53
+                    text run at (17,17) width 144: "This is a right-floating"
+                    text run at (17,35) width 116: "paragraph (first in"
+                    text run at (17,53) width 52: "source)."
+                RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 135x53
+                    text run at (17,17) width 135: "This is a left-floating"
+                    text run at (17,35) width 135: "paragraph (second in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (199,5) size 537x107
+                  text run at (199,5) width 180: "This is text within the DIV. "
+                  text run at (378,5) width 141: "The floating elements"
+                  text run at (199,23) width 338: "within this DIV should not go beyond the top side of"
+                  text run at (199,41) width 292: "this DIV, which means that the borders of the"
+                  text run at (199,59) width 329: "floating elements should not overlap the top or side"
+                  text run at (199,77) width 204: "borders of the DIV in any way. "
+                  text run at (402,77) width 140: "In addition, the top of"
+                  text run at (5,95) width 505: "the left-floating box should not be higher than the top of the right-floating box."
+              RenderBlock {HR} at (357.83,1612) size 39.34x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,1622) size 743x82 [border: (5px solid #800080)]
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (20,5) size 710x59
-                  text run at (20,5) width 164: "This is text within the DIV. "
-                  text run at (184,5) width 531: "The floating images within this DIV should not go beyond the top side of this DIV, which"
-                  text run at (20,25) width 669: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
-                  text run at (689,25) width 12: "In"
-                  text run at (5,45) width 606: "addition, the top of the left-floating image should not be higher than the top of the right-floating image."
-              RenderBlock {HR} at (28,1750) size 562.25x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,1776) size 743x130 [border: (5px solid #800080)]
-                RenderText {#text} at (199,5) size 172x19
-                  text run at (199,5) width 164: "This is text within the DIV. "
-                  text run at (363,5) width 8: "*"
-                RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 159x39
-                    text run at (17,17) width 120: "This is a left-floating"
-                    text run at (17,37) width 159: "paragraph (first in source)."
-                RenderText {#text} at (371,5) size 506x39
-                  text run at (371,5) width 334: " The floating elements within this DIV should not go any"
-                  text run at (199,25) width 447: "higher than the line-box containing the inline content which precedes them. "
-                  text run at (646,25) width 12: "* "
-                RenderBlock (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 128x59
-                    text run at (17,17) width 128: "This is a right-floating"
-                    text run at (17,37) width 127: "paragraph (second in"
-                    text run at (17,57) width 49: "source)."
-                RenderText {#text} at (658,25) size 720x99
-                  text run at (658,25) width 67: "This means"
-                  text run at (199,45) width 336: "that the top side of each float can be, at most, as high as"
-                  text run at (199,65) width 331: "the top edge of the inline element containing the content"
-                  text run at (5,85) width 315: "just before the floating elements occur in the source. "
-                  text run at (320,85) width 222: "In order to mark these points clearly,"
-                  text run at (5,105) width 371: "an asterisk has been inserted just before each floated element."
-              RenderBlock {HR} at (357.83,1915) size 39.34x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,1925) size 743x90 [border: (5px solid #800080)]
-                RenderText {#text} at (20,5) size 172x19
-                  text run at (20,5) width 164: "This is text within the DIV. "
-                  text run at (184,5) width 8: "*"
+                RenderText {#text} at (20,5) size 694x71
+                  text run at (20,5) width 180: "This is text within the DIV. "
+                  text run at (199,5) width 498: "The floating images within this DIV should not go beyond the top side of this"
+                  text run at (20,23) width 679: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the"
+                  text run at (5,41) width 111: "DIV in any way. "
+                  text run at (115,41) width 582: "In addition, the top of the left-floating image should not be higher than the top of the right-"
+                  text run at (5,59) width 97: "floating image."
+              RenderBlock {HR} at (28,1728) size 562.25x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,1754) size 743x136 [border: (5px solid #800080)]
+                RenderText {#text} at (199,5) size 188x17
+                  text run at (199,5) width 180: "This is text within the DIV. "
+                  text run at (378,5) width 9: "*"
+                RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 135x53
+                    text run at (17,17) width 135: "This is a left-floating"
+                    text run at (17,35) width 116: "paragraph (first in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (386,5) size 528x35
+                  text run at (386,5) width 341: " The floating elements within this DIV should not go"
+                  text run at (199,23) width 515: "any higher than the line-box containing the inline content which precedes them. "
+                  text run at (713,23) width 9: "*"
+                RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 144x53
+                    text run at (17,17) width 144: "This is a right-floating"
+                    text run at (17,35) width 135: "paragraph (second in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (199,41) size 524x89
+                  text run at (199,41) width 328: "This means that the top side of each float can be, at"
+                  text run at (199,59) width 321: "most, as high as the top edge of the inline element"
+                  text run at (199,77) width 292: "containing the content just before the floating"
+                  text run at (5,95) width 191: "elements occur in the source. "
+                  text run at (195,95) width 334: "In order to mark these points clearly, an asterisk has"
+                  text run at (5,113) width 298: "been inserted just before each floated element."
+              RenderBlock {HR} at (357.83,1898) size 39.34x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,1908) size 743x82 [border: (5px solid #800080)]
+                RenderText {#text} at (20,5) size 188x17
+                  text run at (20,5) width 180: "This is text within the DIV. "
+                  text run at (199,5) width 9: "*"
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (192,5) size 703x39
-                  text run at (192,5) width 531: " The floating images within this DIV should not go any higher than the line-box containing"
-                  text run at (20,25) width 239: "the inline content which precedes them. "
-                  text run at (259,25) width 12: "* "
-                RenderImage {IMG} at (723,25) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (271,25) size 717x59
-                  text run at (271,25) width 429: "This means that the top side of each float can be, at most, as high as the"
-                  text run at (5,45) width 617: "top edge of the inline element containing the content just before the floating images occur in the source. "
-                  text run at (622,45) width 100: "In order to mark"
-                  text run at (5,65) width 482: "these points clearly, an asterisk has been inserted just before each floated image."
-              RenderBlock {HR} at (28,2039) size 562.25x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,2065) size 743x290 [border: (5px solid #800080)]
-                RenderText {#text} at (199,5) size 172x19
-                  text run at (199,5) width 164: "This is text within the DIV. "
-                  text run at (363,5) width 8: "*"
-                RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 159x39
-                    text run at (17,17) width 120: "This is a left-floating"
-                    text run at (17,37) width 159: "paragraph (first in source)."
-                RenderText {#text} at (371,5) size 506x39
-                  text run at (371,5) width 334: " The floating elements within this DIV should not go any"
-                  text run at (199,25) width 447: "higher than the line-box containing the inline content which precedes them. "
-                  text run at (646,25) width 12: "* "
-                RenderBlock (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 128x59
-                    text run at (17,17) width 128: "This is a right-floating"
-                    text run at (17,37) width 127: "paragraph (second in"
-                    text run at (17,57) width 49: "source)."
-                RenderText {#text} at (658,25) size 526x39
-                  text run at (658,25) width 67: "This means"
-                  text run at (199,45) width 230: "that the top side of each float can be,*"
-                RenderBlock (floating) {P} at (199,65) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 120x59
-                    text run at (17,17) width 120: "This is a left-floating"
-                    text run at (17,37) width 111: "paragraph (third in"
-                    text run at (17,57) width 49: "source)."
-                RenderText {#text} at (429,45) size 272x119
-                  text run at (429,45) width 114: " at most, as high as"
-                  text run at (393,65) width 147: "the top edge of the inline"
-                  text run at (393,85) width 132: "element containing the"
-                  text run at (393,105) width 134: "content just before the"
-                  text run at (393,125) width 151: "floating elements occur in"
-                  text run at (587,145) width 70: "the source. "
-                  text run at (657,145) width 8: "*"
-                RenderBlock (floating) {P} at (393,145) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 120x59
-                    text run at (17,17) width 120: "This is a left-floating"
-                    text run at (17,37) width 119: "paragraph (fourth in"
-                    text run at (17,57) width 49: "source)."
-                RenderText {#text} at (665,145) size 733x139
-                  text run at (665,145) width 69: " In order to"
-                  text run at (587,165) width 106: "mark these points"
-                  text run at (587,185) width 135: "clearly, an asterisk has"
-                  text run at (587,205) width 148: "been inserted just before"
-                  text run at (587,225) width 131: "each floated element. "
-                  text run at (718,225) width 20: "If a"
-                  text run at (5,245) width 709: "line has room for a floated element, then the element should float so that its top is aligned with the top of the line-box in"
-                  text run at (5,265) width 167: "which the asterisk appears. "
-                  text run at (172,265) width 380: "Otherwise, its top should align with the top of the next line-box."
-              RenderBlock {HR} at (357.83,2363) size 39.34x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,2373) size 743x130 [border: (5px solid #800080)]
-                RenderText {#text} at (20,5) size 172x19
-                  text run at (20,5) width 164: "This is text within the DIV. "
-                  text run at (184,5) width 8: "*"
+                RenderText {#text} at (207,5) size 700x35
+                  text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
+                  text run at (20,23) width 330: "containing the inline content which precedes them. "
+                  text run at (349,23) width 13: "* "
+                RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (361,23) size 713x53
+                  text run at (361,23) width 329: "This means that the top side of each float can be, at"
+                  text run at (5,41) width 705: "most, as high as the top edge of the inline element containing the content just before the floating images occur"
+                  text run at (5,59) width 90: "in the source. "
+                  text run at (94,59) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
+              RenderBlock {HR} at (28,2014) size 562.25x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,2040) size 743x226 [border: (5px solid #800080)]
+                RenderText {#text} at (199,5) size 188x17
+                  text run at (199,5) width 180: "This is text within the DIV. "
+                  text run at (378,5) width 9: "*"
+                RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 135x53
+                    text run at (17,17) width 135: "This is a left-floating"
+                    text run at (17,35) width 116: "paragraph (first in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (386,5) size 528x35
+                  text run at (386,5) width 341: " The floating elements within this DIV should not go"
+                  text run at (199,23) width 515: "any higher than the line-box containing the inline content which precedes them. "
+                  text run at (713,23) width 9: "*"
+                RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 144x53
+                    text run at (17,17) width 144: "This is a right-floating"
+                    text run at (17,35) width 135: "paragraph (second in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (199,41) size 321x17
+                  text run at (199,41) width 321: "This means that the top side of each float can be,*"
+                RenderBlock (floating) {P} at (199,59) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 135x53
+                    text run at (17,17) width 135: "This is a left-floating"
+                    text run at (17,35) width 120: "paragraph (third in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (519,41) size 252x107
+                  text run at (519,41) width 16: " at"
+                  text run at (393,59) width 151: "most, as high as the top"
+                  text run at (393,77) width 112: "edge of the inline"
+                  text run at (393,95) width 146: "element containing the"
+                  text run at (393,113) width 143: "content just before the"
+                  text run at (393,131) width 244: "floating elements occur in the source. "
+                  text run at (636,131) width 9: "*"
+                RenderBlock (floating) {P} at (5,149) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 135x53
+                    text run at (17,17) width 135: "This is a left-floating"
+                    text run at (17,35) width 129: "paragraph (fourth in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (644,131) size 521x89
+                  text run at (644,131) width 73: " In order to"
+                  text run at (199,149) width 505: "mark these points clearly, an asterisk has been inserted just before each floated"
+                  text run at (199,167) width 59: "element. "
+                  text run at (257,167) width 463: "If a line has room for a floated element, then the element should float so"
+                  text run at (199,185) width 505: "that its top is aligned with the top of the line-box in which the asterisk appears."
+                  text run at (199,203) width 411: "Otherwise, its top should align with the top of the next line-box."
+              RenderBlock {HR} at (357.83,2277) size 39.34x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,2287) size 743x118 [border: (5px solid #800080)]
+                RenderText {#text} at (20,5) size 188x17
+                  text run at (20,5) width 180: "This is text within the DIV. "
+                  text run at (199,5) width 9: "*"
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (192,5) size 688x39
-                  text run at (192,5) width 531: " The floating images within this DIV should not go any higher than the line-box containing"
-                  text run at (35,25) width 239: "the inline content which precedes them. "
-                  text run at (274,25) width 12: "* "
-                RenderImage {IMG} at (723,25) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (286,25) size 305x19
-                  text run at (286,25) width 297: "This means that the top side of each float can be, "
-                  text run at (583,25) width 8: "*"
-                RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (591,25) size 655x39
-                  text run at (591,25) width 114: " at most, as high as"
-                  text run at (50,45) width 639: "the top edge of the inline element containing the content just before the floating images occur in the source. "
-                  text run at (689,45) width 8: "*"
-                RenderImage {IMG} at (35,45) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (697,45) size 723x79
-                  text run at (697,45) width 16: " In"
-                  text run at (50,65) width 574: "order to mark these points clearly, an asterisk has been inserted just before each floated image. "
-                  text run at (624,65) width 104: "If a line has room"
-                  text run at (5,85) width 714: "for a floated image, then the image should float so that its top is aligned with the top of the line-box in which the asterisk"
-                  text run at (5,105) width 56: "appears. "
-                  text run at (61,105) width 380: "Otherwise, its top should align with the top of the next line-box."
-              RenderBlock {HR} at (28,2527) size 562.25x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,2553) size 490x310 [border: (5px solid #800080)]
-                RenderText {#text} at (199,5) size 50x19
-                  text run at (199,5) width 50: "This is *"
-                RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 159x39
-                    text run at (17,17) width 120: "This is a left-floating"
-                    text run at (17,37) width 159: "paragraph (first in source)."
-                RenderText {#text} at (249,5) size 12x19
-                  text run at (249,5) width 12: " *"
-                RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (17,17) size 128x59
-                    text run at (17,17) width 128: "This is a right-floating"
-                    text run at (17,37) width 127: "paragraph (second in"
-                    text run at (17,57) width 49: "source)."
-                RenderText {#text} at (261,5) size 478x299
-                  text run at (261,5) width 26: " text"
-                  text run at (199,25) width 92: "within the DIV."
-                  text run at (199,45) width 83: "Under CSS1,"
-                  text run at (199,65) width 87: "the left floating"
-                  text run at (5,85) width 249: "element should be placed in the upper left"
-                  text run at (5,105) width 448: "corner of the DIV, and the purple border of the DIV should abut the green"
-                  text run at (5,125) width 184: "border of the floating element. "
-                  text run at (189,125) width 266: "Similarly, the right floating element should be"
-                  text run at (5,145) width 465: "placed in the upper right corner of the DIV, and the purple border of the DIV"
-                  text run at (5,165) width 434: "should abut the green border of the floating element. The text of the DIV"
-                  text run at (5,185) width 448: "element should flow between and under the two floating elements. The two"
-                  text run at (5,205) width 434: "asterisk characters mark the insertion points of the floating elements. It is"
-                  text run at (5,225) width 460: "expected that, under future specifications, it may be acceptable for the top of"
-                  text run at (5,245) width 478: "floated elements to align with the top of the line-box following the insertion point"
-                  text run at (5,265) width 456: "of the floated element to avoid floating elements appearing before text which"
-                  text run at (5,285) width 213: "precedes it in the source document."
-              RenderBlock {HR} at (357.83,2871) size 39.34x2 [border: (1px inset #EEEEEE)]
-              RenderBlock {DIV} at (6,2881) size 490x230 [border: (5px solid #800080)]
-                RenderText {#text} at (20,5) size 50x19
-                  text run at (20,5) width 50: "This is *"
+                RenderText {#text} at (207,5) size 685x35
+                  text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
+                  text run at (35,23) width 330: "containing the inline content which precedes them. "
+                  text run at (364,23) width 13: "* "
+                RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (376,23) size 326x17
+                  text run at (376,23) width 318: "This means that the top side of each float can be, "
+                  text run at (693,23) width 9: "*"
+                RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (701,23) size 697x53
+                  text run at (701,23) width 16: " at"
+                  text run at (35,41) width 666: "most, as high as the top edge of the inline element containing the content just before the floating images"
+                  text run at (20,59) width 130: "occur in the source. "
+                  text run at (149,59) width 9: "*"
+                RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (157,59) size 733x53
+                  text run at (157,59) width 581: " In order to mark these points clearly, an asterisk has been inserted just before each floated"
+                  text run at (20,77) width 48: "image. "
+                  text run at (67,77) width 657: "If a line has room for a floated image, then the image should float so that its top is aligned with the top"
+                  text run at (5,95) width 292: "of the line-box in which the asterisk appears. "
+                  text run at (296,95) width 411: "Otherwise, its top should align with the top of the next line-box."
+              RenderBlock {HR} at (28,2429) size 562.25x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,2455) size 490x298 [border: (5px solid #800080)]
+                RenderText {#text} at (199,5) size 56x17
+                  text run at (199,5) width 56: "This is *"
+                RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 135x53
+                    text run at (17,17) width 135: "This is a left-floating"
+                    text run at (17,35) width 116: "paragraph (first in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (254,5) size 13x17
+                  text run at (254,5) width 13: " *"
+                RenderBlock (floating) {P} at (291,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (17,17) size 144x53
+                    text run at (17,17) width 144: "This is a right-floating"
+                    text run at (17,35) width 135: "paragraph (second in"
+                    text run at (17,53) width 52: "source)."
+                RenderText {#text} at (199,23) size 475x269
+                  text run at (199,23) width 69: "text within"
+                  text run at (199,41) width 56: "the DIV."
+                  text run at (199,59) width 85: "Under CSS1,"
+                  text run at (199,77) width 45: "the left"
+                  text run at (5,95) width 471: "floating element should be placed in the upper left corner of the DIV, and"
+                  text run at (5,113) width 466: "the purple border of the DIV should abut the green border of the floating"
+                  text run at (5,131) width 59: "element. "
+                  text run at (63,131) width 382: "Similarly, the right floating element should be placed in the"
+                  text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should"
+                  text run at (5,167) width 475: "abut the green border of the floating element. The text of the DIV element"
+                  text run at (5,185) width 428: "should flow between and under the two floating elements. The two"
+                  text run at (5,203) width 470: "asterisk characters mark the insertion points of the floating elements. It is"
+                  text run at (5,221) width 474: "expected that, under future specifications, it may be acceptable for the top"
+                  text run at (5,239) width 444: "of floated elements to align with the top of the line-box following the"
+                  text run at (5,257) width 475: "insertion point of the floated element to avoid floating elements appearing"
+                  text run at (5,275) width 342: "before text which precedes it in the source document."
+              RenderBlock {HR} at (357.83,2761) size 39.34x2 [border: (1px inset #EEEEEE)]
+              RenderBlock {DIV} at (6,2771) size 490x226 [border: (5px solid #800080)]
+                RenderText {#text} at (20,5) size 56x17
+                  text run at (20,5) width 56: "This is *"
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (70,5) size 12x19
-                  text run at (70,5) width 12: " *"
+                RenderText {#text} at (75,5) size 13x17
+                  text run at (75,5) width 13: " *"
                 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (82,5) size 479x219
-                  text run at (82,5) width 126: " text within the DIV. "
-                  text run at (208,5) width 256: "Under CSS1, the left floating image should"
-                  text run at (20,25) width 445: "be placed in the upper left corner of the DIV, and the purple border of the"
-                  text run at (5,45) width 336: "DIV should abut the green border of the floating image. "
-                  text run at (341,45) width 107: "Similarly, the right"
-                  text run at (5,65) width 457: "floating image should be placed in the upper right corner of the DIV, and the"
-                  text run at (5,85) width 457: "purple border of the DIV should abut the green border of the floating image."
-                  text run at (5,105) width 456: "The text of the DIV element should flow between and under the two floating"
-                  text run at (5,125) width 445: "image. The two asterisk characters mark the insertion points of the floating"
-                  text run at (5,145) width 43: "image. "
-                  text run at (48,145) width 424: "It is expected that, under future specifications, it may be acceptable for"
-                  text run at (5,165) width 452: "the top of floated elements to align with the top of the line-box following the"
-                  text run at (5,185) width 479: "insertion point of the floated element to avoid floating elements appearing before"
-                  text run at (5,205) width 278: "text which precedes it in the source document."
-              RenderBlock {HR} at (28,3135) size 562.25x2 [border: (1px inset #EEEEEE)]
+                RenderText {#text} at (87,5) size 475x215
+                  text run at (87,5) width 137: " text within the DIV. "
+                  text run at (223,5) width 232: "Under CSS1, the left floating image"
+                  text run at (20,23) width 431: "should be placed in the upper left corner of the DIV, and the purple"
+                  text run at (5,41) width 444: "border of the DIV should abut the green border of the floating image."
+                  text run at (5,59) width 445: "Similarly, the right floating image should be placed in the upper right"
+                  text run at (5,77) width 475: "corner of the DIV, and the purple border of the DIV should abut the green"
+                  text run at (5,95) width 449: "border of the floating image. The text of the DIV element should flow"
+                  text run at (5,113) width 452: "between and under the two floating image. The two asterisk characters"
+                  text run at (5,131) width 306: "mark the insertion points of the floating image. "
+                  text run at (310,131) width 158: "It is expected that, under"
+                  text run at (5,149) width 467: "future specifications, it may be acceptable for the top of floated elements"
+                  text run at (5,167) width 455: "to align with the top of the line-box following the insertion point of the"
+                  text run at (5,185) width 453: "floated element to avoid floating elements appearing before text which"
+                  text run at (5,203) width 226: "precedes it in the source document."
+              RenderBlock {HR} at (28,3021) size 562.25x2 [border: (1px inset #EEEEEE)]