2011-03-29 Martin Robinson <mrobinson@igalia.com>
authormrobinson@webkit.org <mrobinson@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 29 Mar 2011 23:55:28 +0000 (23:55 +0000)
committermrobinson@webkit.org <mrobinson@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 29 Mar 2011 23:55:28 +0000 (23:55 +0000)
        [GTK] [DRT] GtkScrolledWindow adds three pixels of padding between the WebView and the scrollbar
        https://bugs.webkit.org/show_bug.cgi?id=57067

        Update CSS and editing GTK+ results after r82343.

        * platform/gtk/css1:
        * platform/gtk/css2.1:
        * platform/gtk/editing:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@82363 268f45cc-cd09-0410-ab3c-d52691b4dbfc

158 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/gtk/css1/basic/comments-expected.txt
LayoutTests/platform/gtk/css1/basic/containment-expected.txt
LayoutTests/platform/gtk/css1/basic/id_as_selector-expected.txt
LayoutTests/platform/gtk/css1/basic/inheritance-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_bottom-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_bottom_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_left-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_left_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_right_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_right_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_style-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_top-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_top_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/clear-expected.txt
LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.checksum
LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.png
LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float_elements_in_series-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float_margin-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.checksum
LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.png
LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.txt
LayoutTests/platform/gtk/css1/box_properties/height-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_bottom-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_left-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_right-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_top-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_bottom-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_left-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_right-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_top-expected.txt
LayoutTests/platform/gtk/css1/box_properties/width-expected.txt
LayoutTests/platform/gtk/css1/cascade/cascade_order-expected.txt
LayoutTests/platform/gtk/css1/classification/display-expected.txt
LayoutTests/platform/gtk/css1/classification/list_style_type-expected.txt
LayoutTests/platform/gtk/css1/classification/white_space-expected.txt
LayoutTests/platform/gtk/css1/color_and_background/background-expected.txt
LayoutTests/platform/gtk/css1/color_and_background/background_attachment-expected.txt
LayoutTests/platform/gtk/css1/color_and_background/background_position-expected.txt
LayoutTests/platform/gtk/css1/color_and_background/background_repeat-expected.txt
LayoutTests/platform/gtk/css1/conformance/forward_compatible_parsing-expected.txt
LayoutTests/platform/gtk/css1/font_properties/font-expected.txt
LayoutTests/platform/gtk/css1/font_properties/font_family-expected.txt
LayoutTests/platform/gtk/css1/font_properties/font_size-expected.txt
LayoutTests/platform/gtk/css1/font_properties/font_weight-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/floating_elements-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/height_of_lines-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/horizontal_formatting-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/inline_elements-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/replaced_elements-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/vertical_formatting-expected.txt
LayoutTests/platform/gtk/css1/pseudo/anchor-expected.txt
LayoutTests/platform/gtk/css1/pseudo/firstletter-expected.txt
LayoutTests/platform/gtk/css1/pseudo/firstline-expected.txt
LayoutTests/platform/gtk/css1/pseudo/multiple_pseudo_elements-expected.txt
LayoutTests/platform/gtk/css1/text_properties/letter_spacing-expected.txt
LayoutTests/platform/gtk/css1/text_properties/line_height-expected.txt
LayoutTests/platform/gtk/css1/text_properties/text_decoration-expected.txt
LayoutTests/platform/gtk/css1/text_properties/text_indent-expected.txt
LayoutTests/platform/gtk/css1/text_properties/text_transform-expected.txt
LayoutTests/platform/gtk/css1/text_properties/vertical_align-expected.txt
LayoutTests/platform/gtk/css1/text_properties/word_spacing-expected.txt
LayoutTests/platform/gtk/css1/units/color_units-expected.txt
LayoutTests/platform/gtk/css1/units/length_units-expected.txt
LayoutTests/platform/gtk/css2.1/t0803-c5502-mrgn-r-02-c-expected.checksum
LayoutTests/platform/gtk/css2.1/t0803-c5502-mrgn-r-02-c-expected.png
LayoutTests/platform/gtk/css2.1/t0803-c5502-mrgn-r-02-c-expected.txt
LayoutTests/platform/gtk/css2.1/t0803-c5505-mrgn-02-c-expected.checksum
LayoutTests/platform/gtk/css2.1/t0803-c5505-mrgn-02-c-expected.png
LayoutTests/platform/gtk/css2.1/t0803-c5505-mrgn-02-c-expected.txt
LayoutTests/platform/gtk/css2.1/t080301-c411-vt-mrgn-00-b-expected.checksum
LayoutTests/platform/gtk/css2.1/t080301-c411-vt-mrgn-00-b-expected.png
LayoutTests/platform/gtk/css2.1/t080301-c411-vt-mrgn-00-b-expected.txt
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltclr-00-c-ag-expected.checksum
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltclr-00-c-ag-expected.png
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltclr-00-c-ag-expected.txt
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltmrgn-00-c-ag-expected.checksum
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltmrgn-00-c-ag-expected.png
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltmrgn-00-c-ag-expected.txt
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltwidth-00-c-g-expected.checksum
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltwidth-00-c-g-expected.png
LayoutTests/platform/gtk/css2.1/t0905-c5525-fltwidth-00-c-g-expected.txt
LayoutTests/platform/gtk/css2.1/t0905-c5526-fltclr-00-c-ag-expected.checksum
LayoutTests/platform/gtk/css2.1/t0905-c5526-fltclr-00-c-ag-expected.png
LayoutTests/platform/gtk/css2.1/t0905-c5526-fltclr-00-c-ag-expected.txt
LayoutTests/platform/gtk/css2.1/t1002-c5523-width-02-b-g-expected.checksum
LayoutTests/platform/gtk/css2.1/t1002-c5523-width-02-b-g-expected.png
LayoutTests/platform/gtk/css2.1/t1002-c5523-width-02-b-g-expected.txt
LayoutTests/platform/gtk/css2.1/t1202-counters-08-b-expected.checksum
LayoutTests/platform/gtk/css2.1/t1202-counters-08-b-expected.png
LayoutTests/platform/gtk/css2.1/t1202-counters-08-b-expected.txt
LayoutTests/platform/gtk/css2.1/t1202-counters-09-b-expected.checksum
LayoutTests/platform/gtk/css2.1/t1202-counters-09-b-expected.png
LayoutTests/platform/gtk/css2.1/t1202-counters-09-b-expected.txt
LayoutTests/platform/gtk/css2.1/t140201-c535-bg-fixd-00-b-g-expected.checksum
LayoutTests/platform/gtk/css2.1/t140201-c535-bg-fixd-00-b-g-expected.png
LayoutTests/platform/gtk/css2.1/t140201-c535-bg-fixd-00-b-g-expected.txt
LayoutTests/platform/gtk/css2.1/t140201-c537-bgfxps-00-c-ag-expected.checksum
LayoutTests/platform/gtk/css2.1/t140201-c537-bgfxps-00-c-ag-expected.png
LayoutTests/platform/gtk/css2.1/t140201-c537-bgfxps-00-c-ag-expected.txt
LayoutTests/platform/gtk/css2.1/t1508-c527-font-07-b-expected.checksum
LayoutTests/platform/gtk/css2.1/t1508-c527-font-07-b-expected.png
LayoutTests/platform/gtk/css2.1/t1508-c527-font-07-b-expected.txt
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-001-expected.checksum
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-001-expected.png
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-001-expected.txt
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-002-expected.checksum
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-002-expected.png
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-002-expected.txt
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-003-expected.checksum
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-003-expected.png
LayoutTests/platform/gtk/editing/deleting/delete-after-span-ws-003-expected.txt
LayoutTests/platform/gtk/editing/deleting/delete-line-end-ws-001-expected.checksum [new file with mode: 0644]
LayoutTests/platform/gtk/editing/deleting/delete-line-end-ws-001-expected.png [new file with mode: 0644]
LayoutTests/platform/gtk/editing/deleting/delete-line-end-ws-001-expected.txt
LayoutTests/platform/gtk/editing/deleting/delete-line-end-ws-002-expected.checksum [new file with mode: 0644]
LayoutTests/platform/gtk/editing/deleting/delete-line-end-ws-002-expected.png [new file with mode: 0644]
LayoutTests/platform/gtk/editing/deleting/delete-line-end-ws-002-expected.txt
LayoutTests/platform/gtk/editing/inserting/insert-div-023-expected.checksum
LayoutTests/platform/gtk/editing/inserting/insert-div-023-expected.png
LayoutTests/platform/gtk/editing/inserting/insert-div-023-expected.txt
LayoutTests/platform/gtk/editing/selection/focus_editable_html-expected.checksum
LayoutTests/platform/gtk/editing/selection/focus_editable_html-expected.png
LayoutTests/platform/gtk/editing/selection/focus_editable_html-expected.txt
LayoutTests/platform/gtk/editing/selection/select-all-001-expected.checksum
LayoutTests/platform/gtk/editing/selection/select-all-001-expected.png
LayoutTests/platform/gtk/editing/selection/select-all-001-expected.txt
LayoutTests/platform/gtk/editing/selection/select-all-002-expected.checksum
LayoutTests/platform/gtk/editing/selection/select-all-002-expected.png
LayoutTests/platform/gtk/editing/selection/select-all-002-expected.txt
LayoutTests/platform/gtk/editing/selection/select-all-003-expected.checksum
LayoutTests/platform/gtk/editing/selection/select-all-003-expected.png
LayoutTests/platform/gtk/editing/selection/select-all-003-expected.txt
LayoutTests/platform/gtk/editing/selection/select-all-004-expected.checksum
LayoutTests/platform/gtk/editing/selection/select-all-004-expected.png
LayoutTests/platform/gtk/editing/selection/select-all-004-expected.txt
LayoutTests/platform/gtk/editing/selection/unrendered-001-expected.checksum
LayoutTests/platform/gtk/editing/selection/unrendered-001-expected.png
LayoutTests/platform/gtk/editing/selection/unrendered-001-expected.txt
LayoutTests/platform/gtk/editing/selection/unrendered-002-expected.checksum
LayoutTests/platform/gtk/editing/selection/unrendered-002-expected.png
LayoutTests/platform/gtk/editing/selection/unrendered-002-expected.txt
LayoutTests/platform/gtk/editing/selection/unrendered-003-expected.checksum
LayoutTests/platform/gtk/editing/selection/unrendered-003-expected.png
LayoutTests/platform/gtk/editing/selection/unrendered-003-expected.txt
LayoutTests/platform/gtk/editing/selection/unrendered-004-expected.checksum
LayoutTests/platform/gtk/editing/selection/unrendered-004-expected.png
LayoutTests/platform/gtk/editing/selection/unrendered-004-expected.txt
LayoutTests/platform/gtk/editing/selection/unrendered-005-expected.checksum
LayoutTests/platform/gtk/editing/selection/unrendered-005-expected.png
LayoutTests/platform/gtk/editing/selection/unrendered-005-expected.txt

index 7fb5071..0d2ccf8 100644 (file)
@@ -1,3 +1,14 @@
+2011-03-29  Martin Robinson  <mrobinson@igalia.com>
+
+        [GTK] [DRT] GtkScrolledWindow adds three pixels of padding between the WebView and the scrollbar
+        https://bugs.webkit.org/show_bug.cgi?id=57067
+
+        Update CSS and editing GTK+ results after r82343.
+
+        * platform/gtk/css1:
+        * platform/gtk/css2.1:
+        * platform/gtk/editing:
+
 2011-03-29  Adam Barth  <abarth@webkit.org>
 
         Remove more-specific instances of a general rule.
index c86b827..daab24f 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x888
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x888
-  RenderBlock {HTML} at (0,0) size 781x888
-    RenderBody {BODY} at (8,8) size 765x872 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x888
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x888
+  RenderBlock {HTML} at (0,0) size 784x888
+    RenderBody {BODY} at (8,8) size 768x872 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x225
+      RenderBlock {PRE} at (0,35) size 768x225
         RenderText {#text} at (0,0) size 336x225
           text run at (0,0) width 232: "/* This is a CSS1 comment. */"
           text run at (232,0) width 0: " "
@@ -37,29 +37,29 @@ layer at (0,0) size 781x888
           text run at (0,195) width 176: ".eight {color: green;}"
           text run at (176,195) width 0: " "
           text run at (0,210) width 0: " "
-      RenderBlock {HR} at (0,273) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,291) size 765x19 [color=#008000]
+      RenderBlock {HR} at (0,273) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,291) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 194x19
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,326) size 765x19
+      RenderBlock {P} at (0,326) size 768x19
         RenderText {#text} at (0,0) size 193x19
           text run at (0,0) width 193: "This sentence should be black."
-      RenderBlock {P} at (0,361) size 765x19 [color=#008000]
+      RenderBlock {P} at (0,361) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 194x19
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,396) size 765x19
+      RenderBlock {P} at (0,396) size 768x19
         RenderText {#text} at (0,0) size 193x19
           text run at (0,0) width 193: "This sentence should be black."
-      RenderBlock {P} at (0,431) size 765x19 [color=#008000]
+      RenderBlock {P} at (0,431) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 194x19
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,466) size 765x19 [color=#008000]
+      RenderBlock {P} at (0,466) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 194x19
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,501) size 765x19 [color=#008000]
+      RenderBlock {P} at (0,501) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 194x19
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,536) size 765x19 [color=#008000]
+      RenderBlock {P} at (0,536) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 194x19
           text run at (0,0) width 194: "This sentence should be green."
       RenderTable {TABLE} at (0,571) size 216x301 [border: (1px outset #808080)]
index 261dc74..1f890a2 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x990
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x990
-  RenderBlock {HTML} at (0,0) size 781x990
-    RenderBody {BODY} at (8,8) size 765x974 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x990
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x990
+  RenderBlock {HTML} at (0,0) size 784x990
+    RenderBody {BODY} at (8,8) size 768x974 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x150
+      RenderBlock {PRE} at (0,35) size 768x150
         RenderText {#text} at (0,0) size 728x150
           text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
           text run at (624,0) width 0: " "
@@ -28,8 +28,8 @@ layer at (0,0) size 781x990
           text run at (168,120) width 0: " "
           text run at (0,135) width 24: "-->"
           text run at (24,135) width 0: " "
-      RenderBlock {HR} at (0,198) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,216) size 765x19
+      RenderBlock {HR} at (0,198) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,216) size 768x19
         RenderText {#text} at (0,0) size 404x19
           text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
         RenderInline {CODE} at (0,0) size 96x15
@@ -37,7 +37,7 @@ layer at (0,0) size 781x990
             text run at (404,4) width 96: "linktest.css"
         RenderText {#text} at (500,0) size 254x19
           text run at (500,0) width 254: ", the reference to which is shown above."
-      RenderBlock {P} at (0,251) size 765x38
+      RenderBlock {P} at (0,251) size 768x38
         RenderText {#text} at (0,0) size 442x19
           text run at (0,0) width 442: "This sentence should NOT be underlined due to the linked style sheet "
         RenderInline {CODE} at (0,0) size 104x15
@@ -51,8 +51,8 @@ layer at (0,0) size 781x990
         RenderText {#text} at (595,0) size 741x38
           text run at (595,0) width 146: " the external style sheet"
           text run at (0,19) width 325: "\"Alternate SS\" has been selected via the user agent."
-      RenderBlock {UL} at (0,305) size 765x57 [color=#FF0000]
-        RenderListItem {LI} at (40,0) size 725x19 [color=#008000]
+      RenderBlock {UL} at (0,305) size 768x57 [color=#FF0000]
+        RenderListItem {LI} at (40,0) size 728x19 [color=#008000]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 390x19
             text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
@@ -61,7 +61,7 @@ layer at (0,0) size 781x990
               text run at (390,4) width 208: "@import url(imptest1.css);"
           RenderText {#text} at (598,0) size 9x19
             text run at (598,0) width 9: "]."
-        RenderListItem {LI} at (40,19) size 725x19 [color=#800080]
+        RenderListItem {LI} at (40,19) size 728x19 [color=#800080]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 395x19
             text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
@@ -70,7 +70,7 @@ layer at (0,0) size 781x990
               text run at (395,4) width 184: "@import \"imptest1a.css\""
           RenderText {#text} at (579,0) size 9x19
             text run at (579,0) width 9: "]."
-        RenderListItem {LI} at (40,38) size 725x19 [color=#008000]
+        RenderListItem {LI} at (40,38) size 728x19 [color=#008000]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 393x19
             text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
@@ -79,23 +79,23 @@ layer at (0,0) size 781x990
               text run at (393,4) width 168: "STYLE=\"color: green;\""
           RenderText {#text} at (561,0) size 9x19
             text run at (561,0) width 9: "]."
-      RenderBlock {P} at (0,378) size 765x19 [color=#800080]
+      RenderBlock {P} at (0,378) size 768x19 [color=#800080]
         RenderText {#text} at (0,0) size 500x19
           text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
-      RenderBlock {OL} at (0,413) size 765x57
-        RenderListItem {LI} at (40,0) size 725x19
+      RenderBlock {OL} at (0,413) size 768x57
+        RenderListItem {LI} at (40,0) size 728x19
           RenderListMarker at (-21,0) size 16x19: "1"
           RenderText {#text} at (0,0) size 201x19
             text run at (0,0) width 201: "This list should NOT be purple."
-        RenderListItem {LI} at (40,19) size 725x19
+        RenderListItem {LI} at (40,19) size 728x19
           RenderListMarker at (-21,0) size 16x19: "2"
           RenderText {#text} at (0,0) size 172x19
             text run at (0,0) width 172: "It should, instead, be black."
-        RenderListItem {LI} at (40,38) size 725x19
+        RenderListItem {LI} at (40,38) size 728x19
           RenderListMarker at (-21,0) size 16x19: "3"
           RenderText {#text} at (0,0) size 501x19
             text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
-      RenderBlock {P} at (0,486) size 765x38
+      RenderBlock {P} at (0,486) size 768x38
         RenderText {#text} at (0,0) size 697x19
           text run at (0,0) width 197: "This sentence should be black. "
           text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
@@ -109,22 +109,22 @@ layer at (0,0) size 781x990
             text run at (129,19) width 68: "section 3.0"
         RenderText {#text} at (197,19) size 275x19
           text run at (197,19) width 275: " of the CSS1 specification for more details)."
-      RenderBlock {P} at (0,540) size 765x19 [color=#008000]
+      RenderBlock {P} at (0,540) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This paragraph should be green."
-      RenderTable {TABLE} at (0,575) size 765x399 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x397
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,575) size 768x399 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x397
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x370
+          RenderTableRow {TR} at (0,27) size 766x370
             RenderTableCell {TD} at (0,198) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x370 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x38
+            RenderTableCell {TD} at (12,27) size 754x370 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x38
                 RenderText {#text} at (0,0) size 404x19
                   text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
                 RenderInline {CODE} at (0,0) size 96x15
@@ -133,7 +133,7 @@ layer at (0,0) size 781x990
                 RenderText {#text} at (500,0) size 708x38
                   text run at (500,0) width 208: ", the reference to which is shown"
                   text run at (0,19) width 42: "above."
-              RenderBlock {P} at (4,58) size 743x38
+              RenderBlock {P} at (4,58) size 746x38
                 RenderText {#text} at (0,0) size 442x19
                   text run at (0,0) width 442: "This sentence should NOT be underlined due to the linked style sheet "
                 RenderInline {CODE} at (0,0) size 104x15
@@ -147,8 +147,8 @@ layer at (0,0) size 781x990
                 RenderText {#text} at (595,0) size 741x38
                   text run at (595,0) width 146: " the external style sheet"
                   text run at (0,19) width 325: "\"Alternate SS\" has been selected via the user agent."
-              RenderBlock {UL} at (4,112) size 743x57 [color=#FF0000]
-                RenderListItem {LI} at (40,0) size 703x19 [color=#008000]
+              RenderBlock {UL} at (4,112) size 746x57 [color=#FF0000]
+                RenderListItem {LI} at (40,0) size 706x19 [color=#008000]
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 390x19
                     text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
@@ -157,7 +157,7 @@ layer at (0,0) size 781x990
                       text run at (390,4) width 208: "@import url(imptest1.css);"
                   RenderText {#text} at (598,0) size 9x19
                     text run at (598,0) width 9: "]."
-                RenderListItem {LI} at (40,19) size 703x19 [color=#800080]
+                RenderListItem {LI} at (40,19) size 706x19 [color=#800080]
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 395x19
                     text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
@@ -166,7 +166,7 @@ layer at (0,0) size 781x990
                       text run at (395,4) width 184: "@import \"imptest1a.css\""
                   RenderText {#text} at (579,0) size 9x19
                     text run at (579,0) width 9: "]."
-                RenderListItem {LI} at (40,38) size 703x19 [color=#008000]
+                RenderListItem {LI} at (40,38) size 706x19 [color=#008000]
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 393x19
                     text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
@@ -175,23 +175,23 @@ layer at (0,0) size 781x990
                       text run at (393,4) width 168: "STYLE=\"color: green;\""
                   RenderText {#text} at (561,0) size 9x19
                     text run at (561,0) width 9: "]."
-              RenderBlock {P} at (4,185) size 743x19 [color=#800080]
+              RenderBlock {P} at (4,185) size 746x19 [color=#800080]
                 RenderText {#text} at (0,0) size 500x19
                   text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
-              RenderBlock {OL} at (4,220) size 743x57
-                RenderListItem {LI} at (40,0) size 703x19
+              RenderBlock {OL} at (4,220) size 746x57
+                RenderListItem {LI} at (40,0) size 706x19
                   RenderListMarker at (-21,0) size 16x19: "1"
                   RenderText {#text} at (0,0) size 201x19
                     text run at (0,0) width 201: "This list should NOT be purple."
-                RenderListItem {LI} at (40,19) size 703x19
+                RenderListItem {LI} at (40,19) size 706x19
                   RenderListMarker at (-21,0) size 16x19: "2"
                   RenderText {#text} at (0,0) size 172x19
                     text run at (0,0) width 172: "It should, instead, be black."
-                RenderListItem {LI} at (40,38) size 703x19
+                RenderListItem {LI} at (40,38) size 706x19
                   RenderListMarker at (-21,0) size 16x19: "3"
                   RenderText {#text} at (0,0) size 501x19
                     text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
-              RenderBlock {P} at (4,293) size 743x38
+              RenderBlock {P} at (4,293) size 746x38
                 RenderText {#text} at (0,0) size 697x19
                   text run at (0,0) width 197: "This sentence should be black. "
                   text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
@@ -205,6 +205,6 @@ layer at (0,0) size 781x990
                     text run at (129,19) width 68: "section 3.0"
                 RenderText {#text} at (197,19) size 275x19
                   text run at (197,19) width 275: " of the CSS1 specification for more details)."
-              RenderBlock {P} at (4,347) size 743x19 [color=#008000]
+              RenderBlock {P} at (4,347) size 746x19 [color=#008000]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This paragraph should be green."
index 60563b4..424e669 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x637
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x637
-  RenderBlock {HTML} at (0,0) size 781x637
-    RenderBody {BODY} at (8,8) size 765x621 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x637
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x637
+  RenderBlock {HTML} at (0,0) size 784x637
+    RenderBody {BODY} at (8,8) size 768x621 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x120
+      RenderBlock {PRE} at (0,35) size 768x120
         RenderText {#text} at (0,0) size 272x120
           text run at (0,0) width 160: "#one {color: green;}"
           text run at (160,0) width 0: " "
@@ -23,14 +23,14 @@ layer at (0,0) size 781x637
           text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
           text run at (240,90) width 0: " "
           text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
-      RenderBlock {HR} at (0,168) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,186) size 765x19 [color=#008000]
+      RenderBlock {HR} at (0,168) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,186) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 194x19
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,221) size 765x19 [color=#008000]
+      RenderBlock {P} at (0,221) size 768x19 [color=#008000]
         RenderText {#text} at (0,0) size 194x19
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,256) size 765x19 [color=#0000FF]
+      RenderBlock {P} at (0,256) size 768x19 [color=#0000FF]
         RenderText {#text} at (0,0) size 200x19
           text run at (0,0) width 200: "This paragraph should be blue ["
         RenderInline {TT} at (0,0) size 64x15
@@ -38,16 +38,16 @@ layer at (0,0) size 781x637
             text run at (200,4) width 64: "ID=\"two\""
         RenderText {#text} at (264,0) size 9x19
           text run at (264,0) width 9: "]."
-      RenderBlock {PRE} at (0,291) size 765x15
+      RenderBlock {PRE} at (0,291) size 768x15
         RenderText {#text} at (0,0) size 392x15
           text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
           text run at (392,0) width 0: " "
-      RenderBlock {PRE} at (0,319) size 765x15
+      RenderBlock {PRE} at (0,319) size 768x15
         RenderText {#text} at (0,0) size 472x15
           text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
           text run at (472,0) width 0: " "
-      RenderBlock {UL} at (0,350) size 765x19
-        RenderListItem {LI} at (40,0) size 725x19
+      RenderBlock {UL} at (0,350) size 768x19
+        RenderListItem {LI} at (40,0) size 728x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 237x19
             text run at (0,0) width 237: "This sentence should NOT be purple."
index a5c5728..de56c65 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x734
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x734
-  RenderBlock {HTML} at (0,0) size 781x734
-    RenderBody {BODY} at (8,8) size 765x718 [color=#008000] [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x734
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x734
+  RenderBlock {HTML} at (0,0) size 784x734
+    RenderBody {BODY} at (8,8) size 768x718 [color=#008000] [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x105
+      RenderBlock {PRE} at (0,35) size 768x105
         RenderText {#text} at (0,0) size 272x105
           text run at (0,0) width 160: "BODY {color: green;}"
           text run at (160,0) width 0: " "
@@ -22,8 +22,8 @@ layer at (0,0) size 781x734
           text run at (152,75) width 0: " "
           text run at (0,90) width 184: ".three {color: purple;}"
           text run at (184,90) width 0: " "
-      RenderBlock {HR} at (0,153) size 765x2 [border: (1px inset #008000)]
-      RenderBlock {H3} at (0,173) size 765x22 [color=#0000FF]
+      RenderBlock {HR} at (0,153) size 768x2 [border: (1px inset #008000)]
+      RenderBlock {H3} at (0,173) size 768x22 [color=#0000FF]
         RenderText {#text} at (0,0) size 220x22
           text run at (0,0) width 220: "This sentence should show "
         RenderInline {STRONG} at (0,0) size 35x22
@@ -36,7 +36,7 @@ layer at (0,0) size 781x734
             text run at (297,0) width 51: "purple"
         RenderText {#text} at (348,0) size 5x22
           text run at (348,0) width 5: "."
-      RenderBlock {H3} at (0,213) size 765x22 [color=#0000FF]
+      RenderBlock {H3} at (0,213) size 768x22 [color=#0000FF]
         RenderText {#text} at (0,0) size 197x22
           text run at (0,0) width 197: "This sentence should be "
         RenderInline {SPAN} at (0,0) size 34x22
@@ -44,7 +44,7 @@ layer at (0,0) size 781x734
             text run at (197,0) width 34: "blue"
         RenderText {#text} at (231,0) size 104x22
           text run at (231,0) width 104: " throughout."
-      RenderBlock {P} at (0,253) size 765x19
+      RenderBlock {P} at (0,253) size 768x19
         RenderText {#text} at (0,0) size 226x19
           text run at (0,0) width 226: "This should be green except for the "
         RenderInline {EM} at (0,0) size 117x19 [color=#800080]
@@ -52,10 +52,10 @@ layer at (0,0) size 781x734
             text run at (226,0) width 117: "emphasized words"
         RenderText {#text} at (343,0) size 160x19
           text run at (343,0) width 160: ", which should be purple."
-      RenderBlock {H3} at (0,290) size 765x22 [color=#0000FF]
+      RenderBlock {H3} at (0,290) size 768x22 [color=#0000FF]
         RenderText {#text} at (0,0) size 296x22
           text run at (0,0) width 296: "This should be blue and underlined."
-      RenderBlock {P} at (0,330) size 765x19
+      RenderBlock {P} at (0,330) size 768x19
         RenderText {#text} at (0,0) size 293x19
           text run at (0,0) width 293: "This sentence should be underlined, including "
         RenderInline {TT} at (0,0) size 72x15
@@ -78,7 +78,7 @@ layer at (0,0) size 781x734
             text run at (520,0) width 57: "this part"
         RenderText {#text} at (577,0) size 4x19
           text run at (577,0) width 4: "."
-      RenderBlock {P} at (0,365) size 765x19 [color=#000080]
+      RenderBlock {P} at (0,365) size 768x19 [color=#000080]
         RenderText {#text} at (0,0) size 436x19
           text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
         RenderInline {TT} at (0,0) size 152x15
@@ -86,7 +86,7 @@ layer at (0,0) size 781x734
             text run at (436,4) width 152: "including this part"
         RenderText {#text} at (588,0) size 4x19
           text run at (588,0) width 4: "."
-      RenderBlock {P} at (0,400) size 765x19 [color=#800080]
+      RenderBlock {P} at (0,400) size 768x19 [color=#800080]
         RenderText {#text} at (0,0) size 266x19
           text run at (0,0) width 266: "This sentence should be purple, including "
         RenderInline {STRONG} at (0,0) size 57x19
index 7b23c56..836f424 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x1449
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1449
-  RenderBlock {HTML} at (0,0) size 781x1449
-    RenderBody {BODY} at (8,8) size 765x1433 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1430
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1430
+  RenderBlock {HTML} at (0,0) size 784x1430
+    RenderBody {BODY} at (8,8) size 768x1414 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x135
+      RenderBlock {PRE} at (0,35) size 768x135
         RenderText {#text} at (0,0) size 272x135
           text run at (0,0) width 272: ".one {border: medium black solid;}"
           text run at (272,0) width 0: " "
@@ -26,34 +26,33 @@ layer at (0,0) size 781x1449
           text run at (168,105) width 0: " "
           text run at (0,120) width 232: "TD {border: 2px solid green;}"
           text run at (232,120) width 0: " "
-      RenderBlock {HR} at (0,183) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,201) size 765x38
+      RenderBlock {HR} at (0,183) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,201) size 768x38
         RenderText {#text} at (0,0) size 748x38
           text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
           text run at (627,0) width 121: "This border applies"
           text run at (0,19) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,255) size 765x25 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,255) size 768x25 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 483x19
           text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
-      RenderBlock {P} at (0,296) size 765x21 [border: (1px ridge #800000)]
+      RenderBlock {P} at (0,296) size 768x21 [border: (1px ridge #800000)]
         RenderText {#text} at (1,1) size 480x19
           text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
-      RenderBlock {P} at (0,333) size 765x39 [border: (10px outset #008080)]
+      RenderBlock {P} at (0,333) size 768x39 [border: (10px outset #008080)]
         RenderText {#text} at (10,10) size 518x19
           text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
-      RenderBlock {P} at (0,388) size 765x39 [border: (10px inset #808000)]
+      RenderBlock {P} at (0,388) size 768x39 [border: (10px inset #808000)]
         RenderText {#text} at (10,10) size 519x19
           text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
-      RenderBlock {P} at (0,443) size 765x38
+      RenderBlock {P} at (0,443) size 768x19
         RenderText {#text} at (0,0) size 348x19
           text run at (0,0) width 348: "This paragraph should have no border around it, as the "
         RenderInline {TT} at (0,0) size 96x15
           RenderText {#text} at (348,4) size 96x15
             text run at (348,4) width 96: "border-style"
-        RenderText {#text} at (444,0) size 732x38
-          text run at (444,0) width 288: " was not set, and it should not be offset in any"
-          text run at (0,19) width 31: "way."
-      RenderBlock {P} at (0,497) size 765x44 [border: (3px double #800000)]
+        RenderText {#text} at (444,0) size 323x19
+          text run at (444,0) width 323: " was not set, and it should not be offset in any way."
+      RenderBlock {P} at (0,478) size 768x44 [border: (3px double #800000)]
         RenderText {#text} at (3,3) size 535x19
           text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
         RenderInline {CODE} at (0,0) size 96x15
@@ -62,10 +61,10 @@ layer at (0,0) size 781x1449
         RenderText {#text} at (634,3) size 746x38
           text run at (634,3) width 115: " was not explicitly"
           text run at (3,22) width 21: "set."
-      RenderBlock {P} at (0,557) size 765x19
+      RenderBlock {P} at (0,538) size 768x19
         RenderText {#text} at (0,0) size 621x19
           text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
-      RenderBlock {P} at (0,592) size 765x19
+      RenderBlock {P} at (0,573) size 768x19
         RenderInline {A} at (0,0) size 25x19
           RenderText {#text} at (0,0) size 25x19
             text run at (0,0) width 25: "The"
@@ -75,20 +74,20 @@ layer at (0,0) size 781x1449
           RenderImage {IMG} at (740,0) size 15x15
         RenderText {#text} at (755,0) size 4x19
           text run at (755,0) width 4: "."
-      RenderTable {TABLE} at (0,627) size 765x117 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x115
-          RenderTableRow {TR} at (0,5) size 763x44
-            RenderTableCell {TD} at (5,5) size 753x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,608) size 768x117 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x115
+          RenderTableRow {TR} at (0,5) size 766x44
+            RenderTableCell {TD} at (5,5) size 756x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderText {#text} at (3,3) size 711x38
                 text run at (3,3) width 405: "Every cell in this table should have a 2-pixel solid green border. "
                 text run at (408,3) width 306: "This is also true of the table-testing section in the"
                 text run at (3,22) width 175: "second half of the test page."
-          RenderTableRow {TR} at (0,54) size 763x56
+          RenderTableRow {TR} at (0,54) size 766x56
             RenderTableCell {TD} at (5,69) size 193x25 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (3,3) size 53x19
                 text run at (3,3) width 53: "Cell one"
-            RenderTableCell {TD} at (203,54) size 555x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (3,3) size 549x19
+            RenderTableCell {TD} at (203,54) size 558x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,3) size 552x19
                 RenderText {#text} at (0,0) size 54x19
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (3,22) size 163x31 [border: (1px outset #808080)]
@@ -97,39 +96,39 @@ layer at (0,0) size 781x1449
                     RenderTableCell {TD} at (2,2) size 157x25 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,3) size 151x19
                         text run at (3,3) width 151: "Nested single-cell table!"
-      RenderBlock {P} at (0,760) size 765x19
+      RenderBlock {P} at (0,741) size 768x19
         RenderText {#text} at (0,0) size 175x19
           text run at (0,0) width 175: "This is an unstyled element."
-      RenderTable {TABLE} at (0,795) size 765x638 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x636
-          RenderTableRow {TR} at (0,0) size 763x29
-            RenderTableCell {TD} at (0,0) size 763x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,776) size 768x638 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x636
+          RenderTableRow {TR} at (0,0) size 766x29
+            RenderTableCell {TD} at (0,0) size 766x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (5,5) size 163x19
                   text run at (5,5) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,29) size 763x607
+          RenderTableRow {TR} at (0,29) size 766x607
             RenderTableCell {TD} at (0,318) size 14x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (5,5) size 4x19
                 text run at (5,5) width 4: " "
-            RenderTableCell {TD} at (14,29) size 749x607 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (5,5) size 739x38
+            RenderTableCell {TD} at (14,29) size 752x607 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (5,5) size 742x38
                 RenderText {#text} at (0,0) size 700x38
                   text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
                   text run at (627,0) width 73: "This border"
                   text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (5,59) size 739x25 [border: (3px solid #000000)]
+              RenderBlock {P} at (5,59) size 742x25 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 483x19
                   text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
-              RenderBlock {P} at (5,100) size 739x21 [border: (1px ridge #800000)]
+              RenderBlock {P} at (5,100) size 742x21 [border: (1px ridge #800000)]
                 RenderText {#text} at (1,1) size 480x19
                   text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
-              RenderBlock {P} at (5,137) size 739x39 [border: (10px outset #008080)]
+              RenderBlock {P} at (5,137) size 742x39 [border: (10px outset #008080)]
                 RenderText {#text} at (10,10) size 518x19
                   text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
-              RenderBlock {P} at (5,192) size 739x39 [border: (10px inset #808000)]
+              RenderBlock {P} at (5,192) size 742x39 [border: (10px inset #808000)]
                 RenderText {#text} at (10,10) size 519x19
                   text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
-              RenderBlock {P} at (5,247) size 739x38
+              RenderBlock {P} at (5,247) size 742x38
                 RenderText {#text} at (0,0) size 348x19
                   text run at (0,0) width 348: "This paragraph should have no border around it, as the "
                 RenderInline {TT} at (0,0) size 96x15
@@ -138,7 +137,7 @@ layer at (0,0) size 781x1449
                 RenderText {#text} at (444,0) size 732x38
                   text run at (444,0) width 288: " was not set, and it should not be offset in any"
                   text run at (0,19) width 31: "way."
-              RenderBlock {P} at (5,301) size 739x44 [border: (3px double #800000)]
+              RenderBlock {P} at (5,301) size 742x44 [border: (3px double #800000)]
                 RenderText {#text} at (3,3) size 535x19
                   text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
                 RenderInline {CODE} at (0,0) size 96x15
@@ -147,33 +146,33 @@ layer at (0,0) size 781x1449
                 RenderText {#text} at (634,3) size 684x38
                   text run at (634,3) width 53: " was not"
                   text run at (3,22) width 83: "explicitly set."
-              RenderBlock {P} at (5,361) size 739x19
+              RenderBlock {P} at (5,361) size 742x19
                 RenderText {#text} at (0,0) size 621x19
                   text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
-              RenderBlock {P} at (5,396) size 739x38
+              RenderBlock {P} at (5,396) size 742x38
                 RenderInline {A} at (0,0) size 25x19
                   RenderText {#text} at (0,0) size 25x19
                     text run at (0,0) width 25: "The"
-                RenderText {#text} at (25,0) size 711x19
-                  text run at (25,0) width 711: " following image is also an anchor which points to a target on this page, but it should not have a border around it:"
+                RenderText {#text} at (25,0) size 715x19
+                  text run at (25,0) width 715: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
                 RenderInline {A} at (0,0) size 15x19 [color=#0000FF]
                   RenderImage {IMG} at (0,19) size 15x15
                 RenderText {#text} at (15,19) size 4x19
                   text run at (15,19) width 4: "."
-              RenderTable {TABLE} at (5,450) size 739x117 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 737x115
-                  RenderTableRow {TR} at (0,5) size 737x44
-                    RenderTableCell {TD} at (5,5) size 727x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+              RenderTable {TABLE} at (5,450) size 742x117 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 740x115
+                  RenderTableRow {TR} at (0,5) size 740x44
+                    RenderTableCell {TD} at (5,5) size 730x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
                       RenderText {#text} at (3,3) size 711x38
                         text run at (3,3) width 405: "Every cell in this table should have a 2-pixel solid green border. "
                         text run at (408,3) width 306: "This is also true of the table-testing section in the"
                         text run at (3,22) width 175: "second half of the test page."
-                  RenderTableRow {TR} at (0,54) size 737x56
-                    RenderTableCell {TD} at (5,69) size 186x25 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+                  RenderTableRow {TR} at (0,54) size 740x56
+                    RenderTableCell {TD} at (5,69) size 187x25 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,3) size 53x19
                         text run at (3,3) width 53: "Cell one"
-                    RenderTableCell {TD} at (196,54) size 536x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (3,3) size 530x19
+                    RenderTableCell {TD} at (197,54) size 538x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,3) size 532x19
                         RenderText {#text} at (0,0) size 54x19
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (3,22) size 163x31 [border: (1px outset #808080)]
@@ -182,6 +181,6 @@ layer at (0,0) size 781x1449
                             RenderTableCell {TD} at (2,2) size 157x25 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (3,3) size 151x19
                                 text run at (3,3) width 151: "Nested single-cell table!"
-              RenderBlock {P} at (5,583) size 739x19
+              RenderBlock {P} at (5,583) size 742x19
                 RenderText {#text} at (0,0) size 175x19
                   text run at (0,0) width 175: "This is an unstyled element."
index b9fd7d5..2e82df2 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x1027
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1027
-  RenderBlock {HTML} at (0,0) size 781x1027
-    RenderBody {BODY} at (8,8) size 765x1011 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1027
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1027
+  RenderBlock {HTML} at (0,0) size 784x1027
+    RenderBody {BODY} at (8,8) size 768x1011 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x60
+      RenderBlock {PRE} at (0,35) size 768x60
         RenderText {#text} at (0,0) size 344x60
           text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
           text run at (328,0) width 0: " "
@@ -16,32 +16,32 @@ layer at (0,0) size 781x1027
           text run at (344,30) width 0: " "
           text run at (0,45) width 288: "TD {border-bottom: green 2px solid;}"
           text run at (288,45) width 0: " "
-      RenderBlock {HR} at (0,108) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,126) size 765x38
+      RenderBlock {HR} at (0,108) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,126) size 768x38
         RenderText {#text} at (0,0) size 731x38
           text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
           text run at (658,0) width 73: "This border"
           text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,180) size 765x29 [border: (10px double #800080) none]
+      RenderBlock {P} at (0,180) size 768x29 [border: (10px double #800080) none]
         RenderText {#text} at (0,0) size 438x19
           text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
-      RenderBlock {P} at (0,225) size 765x20 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,225) size 768x20 [border: (1px solid #800080) none]
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
-      RenderTable {TABLE} at (0,261) size 765x114 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x112
-          RenderTableRow {TR} at (0,5) size 763x43
-            RenderTableCell {TD} at (5,5) size 753x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,261) size 768x114 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x112
+          RenderTableRow {TR} at (0,5) size 766x43
+            RenderTableCell {TD} at (5,5) size 756x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {#text} at (2,2) size 736x38
                 text run at (2,2) width 453: "Every cell in this table should have a 2-pixel solid green bottom border. "
                 text run at (455,2) width 283: "This is also true of the table-testing section in"
                 text run at (2,21) width 198: "the second half of the test page."
-          RenderTableRow {TR} at (0,53) size 763x54
-            RenderTableCell {TD} at (5,68) size 191x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,53) size 766x54
+            RenderTableCell {TD} at (5,68) size 192x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (2,2) size 53x19
                 text run at (2,2) width 53: "Cell one"
-            RenderTableCell {TD} at (201,53) size 557x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,2) size 553x19
+            RenderTableCell {TD} at (202,53) size 559x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 555x19
                 RenderText {#text} at (0,0) size 54x19
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,21) size 161x30 [border: (1px outset #808080)]
@@ -50,30 +50,30 @@ layer at (0,0) size 781x1027
                     RenderTableCell {TD} at (2,2) size 155x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,2) size 151x19
                         text run at (2,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,391) size 765x142
-        RenderListItem {LI} at (40,0) size 725x79 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,0) size 725x19
+      RenderBlock {UL} at (0,391) size 768x142
+        RenderListItem {LI} at (40,0) size 728x79 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,0) size 728x19
             RenderListMarker at (-18,0) size 7x19: bullet
             RenderText {#text} at (0,0) size 118x19
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,19) size 725x57
-            RenderListItem {LI} at (40,0) size 685x19
+          RenderBlock {UL} at (0,19) size 728x57
+            RenderListItem {LI} at (40,0) size 688x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 73x19
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,19) size 685x19
+            RenderListItem {LI} at (40,19) size 688x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 115x19
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,38) size 685x19
+            RenderListItem {LI} at (40,38) size 688x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 176x19
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,79) size 725x22 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,79) size 728x22 [border: (3px solid #000000) none]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 158x19
             text run at (0,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,101) size 725x41 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,101) size 728x41 [border: (3px solid #000000) none]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 722x38
             text run at (0,0) width 722: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
@@ -83,43 +83,43 @@ layer at (0,0) size 781x1027
               text run at (104,19) width 50: "beneath"
           RenderText {#text} at (154,19) size 390x19
             text run at (154,19) width 390: " the nested list (below the line \"...nested within the list item.\")."
-      RenderTable {TABLE} at (0,549) size 765x462 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x460
-          RenderTableRow {TR} at (0,0) size 763x28
-            RenderTableCell {TD} at (0,0) size 763x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,549) size 768x462 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x460
+          RenderTableRow {TR} at (0,0) size 766x28
+            RenderTableCell {TD} at (0,0) size 766x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 763x432
+          RenderTableRow {TR} at (0,28) size 766x432
             RenderTableCell {TD} at (0,230) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 751x432 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x38
+            RenderTableCell {TD} at (12,28) size 754x432 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x38
                 RenderText {#text} at (0,0) size 731x38
                   text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
                   text run at (658,0) width 73: "This border"
                   text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,58) size 743x29 [border: (10px double #800080) none]
+              RenderBlock {P} at (4,58) size 746x29 [border: (10px double #800080) none]
                 RenderText {#text} at (0,0) size 438x19
                   text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
-              RenderBlock {P} at (4,103) size 743x20 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,103) size 746x20 [border: (1px solid #800080) none]
                 RenderText {#text} at (0,0) size 355x19
                   text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
-              RenderTable {TABLE} at (4,139) size 743x114 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 741x112
-                  RenderTableRow {TR} at (0,5) size 741x43
-                    RenderTableCell {TD} at (5,5) size 731x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderTable {TABLE} at (4,139) size 746x114 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 744x112
+                  RenderTableRow {TR} at (0,5) size 744x43
+                    RenderTableCell {TD} at (5,5) size 734x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                       RenderText {#text} at (2,2) size 720x38
                         text run at (2,2) width 453: "Every cell in this table should have a 2-pixel solid green bottom border. "
                         text run at (455,2) width 267: "This is also true of the table-testing section"
                         text run at (2,21) width 214: "in the second half of the test page."
-                  RenderTableRow {TR} at (0,53) size 741x54
-                    RenderTableCell {TD} at (5,68) size 185x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                  RenderTableRow {TR} at (0,53) size 744x54
+                    RenderTableCell {TD} at (5,68) size 186x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,2) size 53x19
                         text run at (2,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (195,53) size 541x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,2) size 537x19
+                    RenderTableCell {TD} at (196,53) size 543x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 539x19
                         RenderText {#text} at (0,0) size 54x19
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,21) size 161x30 [border: (1px outset #808080)]
@@ -128,30 +128,30 @@ layer at (0,0) size 781x1027
                             RenderTableCell {TD} at (2,2) size 155x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (2,2) size 151x19
                                 text run at (2,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,269) size 743x142
-                RenderListItem {LI} at (40,0) size 703x79 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,0) size 703x19
+              RenderBlock {UL} at (4,269) size 746x142
+                RenderListItem {LI} at (40,0) size 706x79 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,0) size 706x19
                     RenderListMarker at (-18,0) size 7x19: bullet
                     RenderText {#text} at (0,0) size 118x19
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,19) size 703x57
-                    RenderListItem {LI} at (40,0) size 663x19
+                  RenderBlock {UL} at (0,19) size 706x57
+                    RenderListItem {LI} at (40,0) size 666x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 73x19
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,19) size 663x19
+                    RenderListItem {LI} at (40,19) size 666x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 115x19
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,38) size 663x19
+                    RenderListItem {LI} at (40,38) size 666x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 176x19
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,79) size 703x22 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,79) size 706x22 [border: (3px solid #000000) none]
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 158x19
                     text run at (0,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,101) size 703x41 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,101) size 706x41 [border: (3px solid #000000) none]
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 695x38
                     text run at (0,0) width 695: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means"
index b824c04..061100a 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x895
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x895
-  RenderBlock {HTML} at (0,0) size 781x895
-    RenderBody {BODY} at (8,8) size 765x879 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x895
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x895
+  RenderBlock {HTML} at (0,0) size 784x895
+    RenderBody {BODY} at (8,8) size 768x879 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x90
+      RenderBlock {PRE} at (0,35) size 768x90
         RenderText {#text} at (0,0) size 464x90
           text run at (0,0) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
           text run at (456,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 781x895
           text run at (440,60) width 0: " "
           text run at (0,75) width 272: ".five {border-bottom-width: 25px;}"
           text run at (272,75) width 0: " "
-      RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,156) size 765x19
+      RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,156) size 768x19
         RenderText {#text} at (0,0) size 157x19
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,22 +29,22 @@ layer at (0,0) size 781x895
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x19
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,226) size 765x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,226) size 768x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 387x19
           text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
-      RenderBlock {P} at (0,314) size 765x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,314) size 768x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 344x19
           text run at (3,3) width 344: "This element should have a thick bottom border width."
-      RenderBlock {P} at (0,357) size 765x25 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,357) size 768x25 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 364x19
           text run at (3,3) width 364: "This element should have a medium bottom border width."
-      RenderBlock {P} at (0,398) size 765x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,398) size 768x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 337x19
           text run at (3,3) width 337: "This element should have a thin bottom border width."
-      RenderBlock {P} at (0,437) size 765x19
+      RenderBlock {P} at (0,437) size 768x19
         RenderText {#text} at (0,0) size 537x19
           text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
         RenderInline {CODE} at (0,0) size 96x15
@@ -52,7 +52,7 @@ layer at (0,0) size 781x895
             text run at (537,4) width 96: "border-style"
         RenderText {#text} at (633,0) size 54x19
           text run at (633,0) width 54: " was set."
-      RenderBlock {P} at (0,472) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,472) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
       RenderTable {TABLE} at (0,507) size 709x372 [border: (1px outset #808080)]
index 43e8b8d..7d1b3f7 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x1062
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1062
-  RenderBlock {HTML} at (0,0) size 781x1062
-    RenderBody {BODY} at (8,8) size 765x1046 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (20,0) size 745x19
+layer at (0,0) size 784x1062
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1062
+  RenderBlock {HTML} at (0,0) size 784x1062
+    RenderBody {BODY} at (8,8) size 768x1046 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (20,0) size 748x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x105
+      RenderBlock {PRE} at (0,35) size 768x105
         RenderText {#text} at (0,0) size 344x105
           text run at (0,0) width 176: "P {margin-left: 20px;}"
           text run at (176,0) width 0: " "
@@ -22,32 +22,32 @@ layer at (0,0) size 781x1062
           text run at (328,75) width 0: " "
           text run at (0,90) width 272: "TD {border-left: green 2px solid;}"
           text run at (272,90) width 0: " "
-      RenderBlock {HR} at (0,153) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (20,171) size 745x38
+      RenderBlock {HR} at (0,153) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (20,171) size 748x38
         RenderText {#text} at (0,0) size 707x38
           text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
           text run at (634,0) width 73: "This border"
           text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
-      RenderBlock {P} at (20,225) size 745x19 [border: (10px double #800080)]
+      RenderBlock {P} at (20,225) size 748x19 [border: (10px double #800080)]
         RenderText {#text} at (10,0) size 414x19
           text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
-      RenderBlock {P} at (20,260) size 745x19 [border: (1px solid #800080)]
+      RenderBlock {P} at (20,260) size 748x19 [border: (1px solid #800080)]
         RenderText {#text} at (1,0) size 331x19
           text run at (1,0) width 331: "This paragraph should have a thin purple left border."
-      RenderTable {TABLE} at (0,295) size 765x111 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x109
-          RenderTableRow {TR} at (0,5) size 763x42
-            RenderTableCell {TD} at (5,5) size 753x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,295) size 768x111 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x109
+          RenderTableRow {TR} at (0,5) size 766x42
+            RenderTableCell {TD} at (5,5) size 756x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderText {#text} at (3,2) size 735x38
                 text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
                 text run at (432,2) width 306: "This is also true of the table-testing section in the"
                 text run at (3,21) width 175: "second half of the test page."
-          RenderTableRow {TR} at (0,52) size 763x52
-            RenderTableCell {TD} at (5,66) size 192x23 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,52) size 766x52
+            RenderTableCell {TD} at (5,66) size 193x23 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (3,2) size 53x19
                 text run at (3,2) width 53: "Cell one"
-            RenderTableCell {TD} at (202,52) size 556x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (3,2) size 551x19
+            RenderTableCell {TD} at (203,52) size 558x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,2) size 553x19
                 RenderText {#text} at (0,0) size 54x19
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (3,21) size 162x29 [border: (1px outset #808080)]
@@ -56,73 +56,73 @@ layer at (0,0) size 781x1062
                     RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,2) size 151x19
                         text run at (3,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,422) size 765x152
-        RenderListItem {LI} at (40,0) size 725x76 [border: (3px solid #000000)]
-          RenderBlock (anonymous) at (3,0) size 722x19
+      RenderBlock {UL} at (0,422) size 768x152
+        RenderListItem {LI} at (40,0) size 728x76 [border: (3px solid #000000)]
+          RenderBlock (anonymous) at (3,0) size 725x19
             RenderListMarker at (-21,0) size 7x19: bullet
             RenderText {#text} at (0,0) size 118x19
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (3,19) size 722x57
-            RenderListItem {LI} at (40,0) size 682x19
+          RenderBlock {UL} at (3,19) size 725x57
+            RenderListItem {LI} at (40,0) size 685x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 73x19
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,19) size 682x19
+            RenderListItem {LI} at (40,19) size 685x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 115x19
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,38) size 682x19
+            RenderListItem {LI} at (40,38) size 685x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 176x19
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,76) size 725x19 [border: (3px solid #800080)]
+        RenderListItem {LI} at (40,76) size 728x19 [border: (3px solid #800080)]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (3,0) size 158x19
             text run at (3,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,95) size 725x57 [border: (3px solid #0000FF)]
+        RenderListItem {LI} at (40,95) size 728x57 [border: (3px solid #0000FF)]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (3,0) size 720x57
             text run at (3,0) width 695: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors. "
             text run at (698,0) width 25: "The"
             text run at (3,19) width 719: "first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested within"
             text run at (3,38) width 490: "the list item.\"), even though the nested list does not have any border styles set."
-      RenderTable {TABLE} at (0,590) size 765x456 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x454
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,590) size 768x456 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x454
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (5,4) size 163x19
                   text run at (5,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x427
+          RenderTableRow {TR} at (0,27) size 766x427
             RenderTableCell {TD} at (0,227) size 13x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (5,4) size 4x19
                 text run at (5,4) width 4: " "
-            RenderTableCell {TD} at (13,27) size 750x427 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (25,4) size 721x38
+            RenderTableCell {TD} at (13,27) size 753x427 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (25,4) size 724x38
                 RenderText {#text} at (0,0) size 707x38
                   text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
                   text run at (634,0) width 73: "This border"
                   text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (25,58) size 721x19 [border: (10px double #800080)]
+              RenderBlock {P} at (25,58) size 724x19 [border: (10px double #800080)]
                 RenderText {#text} at (10,0) size 414x19
                   text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
-              RenderBlock {P} at (25,93) size 721x19 [border: (1px solid #800080)]
+              RenderBlock {P} at (25,93) size 724x19 [border: (1px solid #800080)]
                 RenderText {#text} at (1,0) size 331x19
                   text run at (1,0) width 331: "This paragraph should have a thin purple left border."
-              RenderTable {TABLE} at (5,128) size 741x111 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 739x109
-                  RenderTableRow {TR} at (0,5) size 739x42
-                    RenderTableCell {TD} at (5,5) size 729x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+              RenderTable {TABLE} at (5,128) size 744x111 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 742x109
+                  RenderTableRow {TR} at (0,5) size 742x42
+                    RenderTableCell {TD} at (5,5) size 732x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
                       RenderText {#text} at (3,2) size 712x38
                         text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
                         text run at (432,2) width 283: "This is also true of the table-testing section in"
                         text run at (3,21) width 198: "the second half of the test page."
-                  RenderTableRow {TR} at (0,52) size 739x52
+                  RenderTableRow {TR} at (0,52) size 742x52
                     RenderTableCell {TD} at (5,66) size 186x23 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,2) size 53x19
                         text run at (3,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (196,52) size 538x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (3,2) size 533x19
+                    RenderTableCell {TD} at (196,52) size 541x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,2) size 536x19
                         RenderText {#text} at (0,0) size 54x19
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (3,21) size 162x29 [border: (1px outset #808080)]
@@ -131,30 +131,30 @@ layer at (0,0) size 781x1062
                             RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (3,2) size 151x19
                                 text run at (3,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (5,255) size 741x152
-                RenderListItem {LI} at (40,0) size 701x76 [border: (3px solid #000000)]
-                  RenderBlock (anonymous) at (3,0) size 698x19
+              RenderBlock {UL} at (5,255) size 744x152
+                RenderListItem {LI} at (40,0) size 704x76 [border: (3px solid #000000)]
+                  RenderBlock (anonymous) at (3,0) size 701x19
                     RenderListMarker at (-21,0) size 7x19: bullet
                     RenderText {#text} at (0,0) size 118x19
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (3,19) size 698x57
-                    RenderListItem {LI} at (40,0) size 658x19
+                  RenderBlock {UL} at (3,19) size 701x57
+                    RenderListItem {LI} at (40,0) size 661x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 73x19
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,19) size 658x19
+                    RenderListItem {LI} at (40,19) size 661x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 115x19
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,38) size 658x19
+                    RenderListItem {LI} at (40,38) size 661x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 176x19
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,76) size 701x19 [border: (3px solid #800080)]
+                RenderListItem {LI} at (40,76) size 704x19 [border: (3px solid #800080)]
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (3,0) size 158x19
                     text run at (3,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,95) size 701x57 [border: (3px solid #0000FF)]
+                RenderListItem {LI} at (40,95) size 704x57 [border: (3px solid #0000FF)]
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (3,0) size 691x57
                     text run at (3,0) width 691: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors."
index e627fab..f434513 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x864
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x864
-  RenderBlock {HTML} at (0,0) size 781x864
-    RenderBody {BODY} at (8,8) size 765x848 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x845
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x845
+  RenderBlock {HTML} at (0,0) size 784x845
+    RenderBody {BODY} at (8,8) size 768x829 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x90
+      RenderBlock {PRE} at (0,35) size 768x90
         RenderText {#text} at (0,0) size 448x90
           text run at (0,0) width 440: ".zero {background-color: silver; border-left-width: 0;}"
           text run at (440,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 781x864
           text run at (424,60) width 0: " "
           text run at (0,75) width 256: ".five {border-left-width: 25px;}"
           text run at (256,75) width 0: " "
-      RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,156) size 765x19
+      RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,156) size 768x19
         RenderText {#text} at (0,0) size 157x19
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,25 +29,24 @@ layer at (0,0) size 781x864
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x19
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,226) size 765x44 [border: (3px solid #000000) (50px solid #000000)]
-        RenderText {#text} at (50,3) size 682x38
-          text run at (50,3) width 682: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more"
-          text run at (50,22) width 117: "than one line long."
-      RenderBlock {P} at (0,286) size 765x44 [border: (3px solid #000000) (5px solid #000000)]
-        RenderText {#text} at (5,3) size 724x38
-          text run at (5,3) width 724: "This element should have a thick left border width, which will be more obvious if the element is more than one line"
-          text run at (5,22) width 32: "long."
-      RenderBlock {P} at (0,346) size 765x44 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,226) size 768x44 [border: (3px solid #000000) (50px solid #000000)]
+        RenderText {#text} at (50,3) size 713x38
+          text run at (50,3) width 713: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more than"
+          text run at (50,22) width 86: "one line long."
+      RenderBlock {P} at (0,286) size 768x25 [border: (3px solid #000000) (5px solid #000000)]
+        RenderText {#text} at (5,3) size 760x19
+          text run at (5,3) width 760: "This element should have a thick left border width, which will be more obvious if the element is more than one line long."
+      RenderBlock {P} at (0,327) size 768x44 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 744x38
           text run at (3,3) width 744: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
           text run at (3,22) width 32: "long."
-      RenderBlock {P} at (0,406) size 765x25 [border: (3px solid #000000) (1px solid #000000)]
+      RenderBlock {P} at (0,387) size 768x25 [border: (3px solid #000000) (1px solid #000000)]
         RenderText {#text} at (1,3) size 753x19
           text run at (1,3) width 753: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
-      RenderBlock {P} at (0,447) size 765x19
+      RenderBlock {P} at (0,428) size 768x19
         RenderText {#text} at (0,0) size 513x19
           text run at (0,0) width 513: "This element should have no border and no extra \"padding\" on its left side, as no "
         RenderInline {CODE} at (0,0) size 96x15
@@ -55,19 +54,19 @@ layer at (0,0) size 781x864
             text run at (513,4) width 96: "border-style"
         RenderText {#text} at (609,0) size 54x19
           text run at (609,0) width 54: " was set."
-      RenderTable {TABLE} at (0,482) size 765x366 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x364
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,463) size 768x366 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x364
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x337
+          RenderTableRow {TR} at (0,27) size 766x337
             RenderTableCell {TD} at (0,182) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x19
+            RenderTableCell {TD} at (12,27) size 754x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x19
                 RenderText {#text} at (0,0) size 157x19
                   text run at (0,0) width 157: "(These will only work if "
                 RenderInline {CODE} at (0,0) size 96x15
@@ -75,26 +74,26 @@ layer at (0,0) size 781x864
                     text run at (157,4) width 96: "border-style"
                 RenderText {#text} at (253,0) size 89x19
                   text run at (253,0) width 89: " is supported.)"
-              RenderBlock {P} at (4,39) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,39) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,74) size 743x44 [border: (3px solid #000000) (50px solid #000000)]
+              RenderBlock {P} at (4,74) size 746x44 [border: (3px solid #000000) (50px solid #000000)]
                 RenderText {#text} at (50,3) size 682x38
                   text run at (50,3) width 682: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more"
                   text run at (50,22) width 117: "than one line long."
-              RenderBlock {P} at (4,134) size 743x44 [border: (3px solid #000000) (5px solid #000000)]
+              RenderBlock {P} at (4,134) size 746x44 [border: (3px solid #000000) (5px solid #000000)]
                 RenderText {#text} at (5,3) size 724x38
                   text run at (5,3) width 724: "This element should have a thick left border width, which will be more obvious if the element is more than one line"
                   text run at (5,22) width 32: "long."
-              RenderBlock {P} at (4,194) size 743x44 [border: (3px solid #000000)]
+              RenderBlock {P} at (4,194) size 746x44 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 717x38
                   text run at (3,3) width 717: "This element should have a medium left border width, which will be more obvious if the element is more than one"
                   text run at (3,22) width 59: "line long."
-              RenderBlock {P} at (4,254) size 743x44 [border: (3px solid #000000) (1px solid #000000)]
+              RenderBlock {P} at (4,254) size 746x44 [border: (3px solid #000000) (1px solid #000000)]
                 RenderText {#text} at (1,3) size 717x38
                   text run at (1,3) width 717: "This element should have a thin left border width, which will be more obvious if the element is more than one line"
                   text run at (1,22) width 32: "long."
-              RenderBlock {P} at (4,314) size 743x19
+              RenderBlock {P} at (4,314) size 746x19
                 RenderText {#text} at (0,0) size 513x19
                   text run at (0,0) width 513: "This element should have no border and no extra \"padding\" on its left side, as no "
                 RenderInline {CODE} at (0,0) size 96x15
index 5394dcd..3df5c9a 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x1119
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1119
-  RenderBlock {HTML} at (0,0) size 781x1119
-    RenderBody {BODY} at (8,8) size 765x1103 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 745x19
+layer at (0,0) size 784x1119
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1119
+  RenderBlock {HTML} at (0,0) size 784x1119
+    RenderBody {BODY} at (8,8) size 768x1103 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 748x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x105
+      RenderBlock {PRE} at (0,35) size 768x105
         RenderText {#text} at (0,0) size 352x105
           text run at (0,0) width 184: "P {margin-right: 20px;}"
           text run at (184,0) width 0: " "
@@ -22,32 +22,32 @@ layer at (0,0) size 781x1119
           text run at (336,75) width 0: " "
           text run at (0,90) width 280: "TD {border-right: green 2px solid;}"
           text run at (280,90) width 0: " "
-      RenderBlock {HR} at (0,153) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,171) size 745x38
+      RenderBlock {HR} at (0,153) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,171) size 748x38
         RenderText {#text} at (0,0) size 716x38
           text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
           text run at (643,0) width 73: "This border"
           text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,225) size 745x19 [border: (10px double #800080) none]
+      RenderBlock {P} at (0,225) size 748x19 [border: (10px double #800080) none]
         RenderText {#text} at (0,0) size 423x19
           text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
-      RenderBlock {P} at (0,260) size 745x19 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,260) size 748x19 [border: (1px solid #800080) none]
         RenderText {#text} at (0,0) size 340x19
           text run at (0,0) width 340: "This paragraph should have a thin purple right border."
-      RenderTable {TABLE} at (0,295) size 765x111 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x109
-          RenderTableRow {TR} at (0,5) size 763x42
-            RenderTableCell {TD} at (5,5) size 753x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,295) size 768x111 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x109
+          RenderTableRow {TR} at (0,5) size 766x42
+            RenderTableCell {TD} at (5,5) size 756x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {#text} at (2,2) size 744x38
                 text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
                 text run at (440,2) width 306: "This is also true of the table-testing section in the"
                 text run at (2,21) width 175: "second half of the test page."
-          RenderTableRow {TR} at (0,52) size 763x52
+          RenderTableRow {TR} at (0,52) size 766x52
             RenderTableCell {TD} at (5,66) size 192x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (2,2) size 53x19
                 text run at (2,2) width 53: "Cell one"
-            RenderTableCell {TD} at (202,52) size 556x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,2) size 551x19
+            RenderTableCell {TD} at (202,52) size 559x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 554x19
                 RenderText {#text} at (0,0) size 54x19
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,21) size 162x29 [border: (1px outset #808080)]
@@ -56,30 +56,30 @@ layer at (0,0) size 781x1119
                     RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,2) size 151x19
                         text run at (2,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,422) size 765x171
-        RenderListItem {LI} at (40,0) size 725x76 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,0) size 722x19
+      RenderBlock {UL} at (0,422) size 768x171
+        RenderListItem {LI} at (40,0) size 728x76 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,0) size 725x19
             RenderListMarker at (-18,0) size 7x19: bullet
             RenderText {#text} at (0,0) size 118x19
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,19) size 722x57
-            RenderListItem {LI} at (40,0) size 682x19
+          RenderBlock {UL} at (0,19) size 725x57
+            RenderListItem {LI} at (40,0) size 685x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 73x19
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,19) size 682x19
+            RenderListItem {LI} at (40,19) size 685x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 115x19
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,38) size 682x19
+            RenderListItem {LI} at (40,38) size 685x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 176x19
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,76) size 725x19 [border: (3px solid #800080) none]
+        RenderListItem {LI} at (40,76) size 728x19 [border: (3px solid #800080) none]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 158x19
             text run at (0,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,95) size 725x76 [border: (3px solid #0000FF) none]
+        RenderListItem {LI} at (40,95) size 728x76 [border: (3px solid #0000FF) none]
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 707x76
             text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
@@ -87,43 +87,43 @@ layer at (0,0) size 781x1119
             text run at (0,38) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
             text run at (538,38) width 169: "The borders should line up"
             text run at (0,57) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
-      RenderTable {TABLE} at (0,609) size 765x494 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x492
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,609) size 768x494 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x492
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x465
+          RenderTableRow {TR} at (0,27) size 766x465
             RenderTableCell {TD} at (0,246) size 13x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (13,27) size 750x465 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 721x38
+            RenderTableCell {TD} at (13,27) size 753x465 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 724x38
                 RenderText {#text} at (0,0) size 716x38
                   text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
                   text run at (643,0) width 73: "This border"
                   text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,58) size 721x19 [border: (10px double #800080) none]
+              RenderBlock {P} at (4,58) size 724x19 [border: (10px double #800080) none]
                 RenderText {#text} at (0,0) size 423x19
                   text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
-              RenderBlock {P} at (4,93) size 721x19 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,93) size 724x19 [border: (1px solid #800080) none]
                 RenderText {#text} at (0,0) size 340x19
                   text run at (0,0) width 340: "This paragraph should have a thin purple right border."
-              RenderTable {TABLE} at (4,128) size 741x111 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 739x109
-                  RenderTableRow {TR} at (0,5) size 739x42
-                    RenderTableCell {TD} at (5,5) size 729x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderTable {TABLE} at (4,128) size 744x111 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 742x109
+                  RenderTableRow {TR} at (0,5) size 742x42
+                    RenderTableCell {TD} at (5,5) size 732x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                       RenderText {#text} at (2,2) size 721x38
                         text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
                         text run at (440,2) width 283: "This is also true of the table-testing section in"
                         text run at (2,21) width 198: "the second half of the test page."
-                  RenderTableRow {TR} at (0,52) size 739x52
-                    RenderTableCell {TD} at (5,66) size 185x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                  RenderTableRow {TR} at (0,52) size 742x52
+                    RenderTableCell {TD} at (5,66) size 186x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,2) size 53x19
                         text run at (2,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (195,52) size 539x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,2) size 534x19
+                    RenderTableCell {TD} at (196,52) size 541x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 536x19
                         RenderText {#text} at (0,0) size 54x19
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,21) size 162x29 [border: (1px outset #808080)]
@@ -132,35 +132,34 @@ layer at (0,0) size 781x1119
                             RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (2,2) size 151x19
                                 text run at (2,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,255) size 741x190
-                RenderListItem {LI} at (40,0) size 701x76 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,0) size 698x19
+              RenderBlock {UL} at (4,255) size 744x190
+                RenderListItem {LI} at (40,0) size 704x76 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,0) size 701x19
                     RenderListMarker at (-18,0) size 7x19: bullet
                     RenderText {#text} at (0,0) size 118x19
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,19) size 698x57
-                    RenderListItem {LI} at (40,0) size 658x19
+                  RenderBlock {UL} at (0,19) size 701x57
+                    RenderListItem {LI} at (40,0) size 661x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 73x19
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,19) size 658x19
+                    RenderListItem {LI} at (40,19) size 661x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 115x19
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,38) size 658x19
+                    RenderListItem {LI} at (40,38) size 661x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 176x19
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,76) size 701x19 [border: (3px solid #800080) none]
+                RenderListItem {LI} at (40,76) size 704x19 [border: (3px solid #800080) none]
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 158x19
                     text run at (0,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,95) size 701x95 [border: (3px solid #0000FF) none]
+                RenderListItem {LI} at (40,95) size 704x95 [border: (3px solid #0000FF) none]
                   RenderListMarker at (-18,0) size 7x19: bullet
-                  RenderText {#text} at (0,0) size 687x95
-                    text run at (0,0) width 654: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three"
-                    text run at (0,19) width 46: "colors. "
-                    text run at (46,19) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
+                  RenderText {#text} at (0,0) size 700x95
+                    text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
+                    text run at (0,19) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
                     text run at (0,38) width 601: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
                     text run at (601,38) width 76: "The borders"
                     text run at (0,57) width 669: "should line up together at the right edge of the document's body, as each list element has a default width of"
index c440d3e..c66e9a2 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x883
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x883
-  RenderBlock {HTML} at (0,0) size 781x883
-    RenderBody {BODY} at (8,8) size 765x867 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x864
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x864
+  RenderBlock {HTML} at (0,0) size 784x864
+    RenderBody {BODY} at (8,8) size 768x848 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x90
+      RenderBlock {PRE} at (0,35) size 768x90
         RenderText {#text} at (0,0) size 456x90
           text run at (0,0) width 448: ".zero {background-color: silver; border-right-width: 0;}"
           text run at (448,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 781x883
           text run at (432,60) width 0: " "
           text run at (0,75) width 272: ".five {border-right-width: 100px;}"
           text run at (272,75) width 0: " "
-      RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,156) size 765x19
+      RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,156) size 768x19
         RenderText {#text} at (0,0) size 157x19
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,26 +29,25 @@ layer at (0,0) size 781x883
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x19
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,226) size 765x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,226) size 768x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 722x38
           text run at (3,3) width 722: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than"
           text run at (3,22) width 86: "one line long."
-      RenderBlock {P} at (0,286) size 765x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,286) size 768x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 733x38
           text run at (3,3) width 733: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
           text run at (3,22) width 32: "long."
-      RenderBlock {P} at (0,346) size 765x44 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,346) size 768x44 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 753x38
           text run at (3,3) width 753: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
           text run at (3,22) width 32: "long."
-      RenderBlock {P} at (0,406) size 765x44 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
-        RenderText {#text} at (3,3) size 726x38
-          text run at (3,3) width 726: "This element should have a thin right border width, which will be more obvious if the element is more than one line"
-          text run at (3,22) width 32: "long."
-      RenderBlock {P} at (0,466) size 765x19
+      RenderBlock {P} at (0,406) size 768x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 762x19
+          text run at (3,3) width 762: "This element should have a thin right border width, which will be more obvious if the element is more than one line long."
+      RenderBlock {P} at (0,447) size 768x19
         RenderText {#text} at (0,0) size 522x19
           text run at (0,0) width 522: "This element should have no border and no extra \"padding\" on its right side, as no "
         RenderInline {CODE} at (0,0) size 96x15
@@ -56,19 +55,19 @@ layer at (0,0) size 781x883
             text run at (522,4) width 96: "border-style"
         RenderText {#text} at (618,0) size 54x19
           text run at (618,0) width 54: " was set."
-      RenderTable {TABLE} at (0,501) size 765x366 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x364
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,482) size 768x366 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x364
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x337
+          RenderTableRow {TR} at (0,27) size 766x337
             RenderTableCell {TD} at (0,182) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x19
+            RenderTableCell {TD} at (12,27) size 754x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x19
                 RenderText {#text} at (0,0) size 157x19
                   text run at (0,0) width 157: "(These will only work if "
                 RenderInline {CODE} at (0,0) size 96x15
@@ -76,26 +75,26 @@ layer at (0,0) size 781x883
                     text run at (157,4) width 96: "border-style"
                 RenderText {#text} at (253,0) size 89x19
                   text run at (253,0) width 89: " is supported.)"
-              RenderBlock {P} at (4,39) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,39) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,74) size 743x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,74) size 746x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 691x38
                   text run at (3,3) width 691: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more"
                   text run at (3,22) width 117: "than one line long."
-              RenderBlock {P} at (4,134) size 743x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,134) size 746x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 733x38
                   text run at (3,3) width 733: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
                   text run at (3,22) width 32: "long."
-              RenderBlock {P} at (4,194) size 743x44 [border: (3px solid #000000)]
+              RenderBlock {P} at (4,194) size 746x44 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 726x38
                   text run at (3,3) width 726: "This element should have a medium right border width, which will be more obvious if the element is more than one"
                   text run at (3,22) width 59: "line long."
-              RenderBlock {P} at (4,254) size 743x44 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,254) size 746x44 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 726x38
                   text run at (3,3) width 726: "This element should have a thin right border width, which will be more obvious if the element is more than one line"
                   text run at (3,22) width 32: "long."
-              RenderBlock {P} at (4,314) size 743x19
+              RenderBlock {P} at (4,314) size 746x19
                 RenderText {#text} at (0,0) size 522x19
                   text run at (0,0) width 522: "This element should have no border and no extra \"padding\" on its right side, as no "
                 RenderInline {CODE} at (0,0) size 96x15
index b511c1f..bbf0d1b 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x1329
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1329
-  RenderBlock {HTML} at (0,0) size 781x1329
-    RenderBody {BODY} at (8,8) size 765x1313 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1329
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1329
+  RenderBlock {HTML} at (0,0) size 784x1329
+    RenderBody {BODY} at (8,8) size 768x1313 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x180
+      RenderBlock {PRE} at (0,35) size 768x180
         RenderText {#text} at (0,0) size 632x180
           text run at (0,0) width 560: ".one {border-style: dotted; border-color: black; border-width: thick;}"
           text run at (560,0) width 0: " "
@@ -32,90 +32,90 @@ layer at (0,0) size 781x1329
           text run at (368,150) width 0: " "
           text run at (0,165) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
           text run at (552,165) width 0: " "
-      RenderBlock {HR} at (0,228) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,246) size 765x29 [border: (5px dotted #000000)]
+      RenderBlock {HR} at (0,228) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,246) size 768x29 [border: (5px dotted #000000)]
         RenderText {#text} at (5,5) size 472x19
           text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
-      RenderBlock {P} at (0,291) size 765x29 [border: (5px dashed #000000)]
+      RenderBlock {P} at (0,291) size 768x29 [border: (5px dashed #000000)]
         RenderText {#text} at (5,5) size 477x19
           text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
-      RenderBlock {P} at (0,336) size 765x29 [border: (5px solid #000000)]
+      RenderBlock {P} at (0,336) size 768x29 [border: (5px solid #000000)]
         RenderText {#text} at (5,5) size 463x19
           text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
-      RenderBlock {P} at (0,381) size 765x29 [border: (5px double #000000)]
+      RenderBlock {P} at (0,381) size 768x29 [border: (5px double #000000)]
         RenderText {#text} at (5,5) size 476x19
           text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
-      RenderBlock {P} at (0,426) size 765x29 [border: (5px groove #808000)]
+      RenderBlock {P} at (0,426) size 768x29 [border: (5px groove #808000)]
         RenderText {#text} at (5,5) size 474x19
           text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
-      RenderBlock {P} at (0,471) size 765x29 [border: (5px ridge #808000)]
+      RenderBlock {P} at (0,471) size 768x29 [border: (5px ridge #808000)]
         RenderText {#text} at (5,5) size 462x19
           text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
-      RenderBlock {P} at (0,516) size 765x29 [border: (5px inset #808000)]
+      RenderBlock {P} at (0,516) size 768x29 [border: (5px inset #808000)]
         RenderText {#text} at (5,5) size 459x19
           text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
-      RenderBlock {P} at (0,561) size 765x29 [border: (5px outset #808000)]
+      RenderBlock {P} at (0,561) size 768x29 [border: (5px outset #808000)]
         RenderText {#text} at (5,5) size 467x19
           text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
-      RenderBlock {P} at (0,606) size 765x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+      RenderBlock {P} at (0,606) size 768x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
         RenderText {#text} at (5,5) size 744x38
           text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
           text run at (622,5) width 127: "The color of all four"
           text run at (5,24) width 204: "sides should be based on purple."
-      RenderBlock {P} at (0,670) size 765x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+      RenderBlock {P} at (0,670) size 768x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
         RenderText {#text} at (5,5) size 727x38
           text run at (5,5) width 702: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
           text run at (707,5) width 25: "The"
           text run at (5,24) width 306: "color of all four sides should be based on purple."
-      RenderBlock {P} at (0,734) size 765x19
+      RenderBlock {P} at (0,734) size 768x19
         RenderText {#text} at (0,0) size 278x19
           text run at (0,0) width 278: "This paragraph should have no border at all."
-      RenderTable {TABLE} at (0,769) size 765x544 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x542
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,769) size 768x544 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x542
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x515
+          RenderTableRow {TR} at (0,27) size 766x515
             RenderTableCell {TD} at (0,271) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x515 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x29 [border: (5px dotted #000000)]
+            RenderTableCell {TD} at (12,27) size 754x515 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x29 [border: (5px dotted #000000)]
                 RenderText {#text} at (5,5) size 472x19
                   text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
-              RenderBlock {P} at (4,49) size 743x29 [border: (5px dashed #000000)]
+              RenderBlock {P} at (4,49) size 746x29 [border: (5px dashed #000000)]
                 RenderText {#text} at (5,5) size 477x19
                   text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
-              RenderBlock {P} at (4,94) size 743x29 [border: (5px solid #000000)]
+              RenderBlock {P} at (4,94) size 746x29 [border: (5px solid #000000)]
                 RenderText {#text} at (5,5) size 463x19
                   text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
-              RenderBlock {P} at (4,139) size 743x29 [border: (5px double #000000)]
+              RenderBlock {P} at (4,139) size 746x29 [border: (5px double #000000)]
                 RenderText {#text} at (5,5) size 476x19
                   text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
-              RenderBlock {P} at (4,184) size 743x29 [border: (5px groove #808000)]
+              RenderBlock {P} at (4,184) size 746x29 [border: (5px groove #808000)]
                 RenderText {#text} at (5,5) size 474x19
                   text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
-              RenderBlock {P} at (4,229) size 743x29 [border: (5px ridge #808000)]
+              RenderBlock {P} at (4,229) size 746x29 [border: (5px ridge #808000)]
                 RenderText {#text} at (5,5) size 462x19
                   text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
-              RenderBlock {P} at (4,274) size 743x29 [border: (5px inset #808000)]
+              RenderBlock {P} at (4,274) size 746x29 [border: (5px inset #808000)]
                 RenderText {#text} at (5,5) size 459x19
                   text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
-              RenderBlock {P} at (4,319) size 743x29 [border: (5px outset #808000)]
+              RenderBlock {P} at (4,319) size 746x29 [border: (5px outset #808000)]
                 RenderText {#text} at (5,5) size 467x19
                   text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
-              RenderBlock {P} at (4,364) size 743x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+              RenderBlock {P} at (4,364) size 746x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
                 RenderText {#text} at (5,5) size 714x38
                   text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
                   text run at (622,5) width 97: "The color of all"
                   text run at (5,24) width 234: "four sides should be based on purple."
-              RenderBlock {P} at (4,428) size 743x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+              RenderBlock {P} at (4,428) size 746x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
                 RenderText {#text} at (5,5) size 727x38
                   text run at (5,5) width 702: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
                   text run at (707,5) width 25: "The"
                   text run at (5,24) width 306: "color of all four sides should be based on purple."
-              RenderBlock {P} at (4,492) size 743x19
+              RenderBlock {P} at (4,492) size 746x19
                 RenderText {#text} at (0,0) size 278x19
                   text run at (0,0) width 278: "This paragraph should have no border at all."
index 79d2807..030c4a8 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x989
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x989
-  RenderBlock {HTML} at (0,0) size 781x989
-    RenderBody {BODY} at (8,8) size 765x973 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x989
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x989
+  RenderBlock {HTML} at (0,0) size 784x989
+    RenderBody {BODY} at (8,8) size 768x973 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x60
+      RenderBlock {PRE} at (0,35) size 768x60
         RenderText {#text} at (0,0) size 320x60
           text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
           text run at (304,0) width 0: " "
@@ -16,32 +16,32 @@ layer at (0,0) size 781x989
           text run at (320,30) width 0: " "
           text run at (0,45) width 264: "TD {border-top: green 2px solid;}"
           text run at (264,45) width 0: " "
-      RenderBlock {HR} at (0,108) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,126) size 765x38
+      RenderBlock {HR} at (0,108) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,126) size 768x38
         RenderText {#text} at (0,0) size 755x38
           text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
           text run at (634,0) width 121: "This border applies"
           text run at (0,19) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,180) size 765x29 [border: (10px double #800080) none]
+      RenderBlock {P} at (0,180) size 768x29 [border: (10px double #800080) none]
         RenderText {#text} at (0,10) size 414x19
           text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
-      RenderBlock {P} at (0,225) size 765x20 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,225) size 768x20 [border: (1px solid #800080) none]
         RenderText {#text} at (0,1) size 331x19
           text run at (0,1) width 331: "This paragraph should have a thin purple top border."
-      RenderTable {TABLE} at (0,261) size 765x114 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x112
-          RenderTableRow {TR} at (0,5) size 763x43
-            RenderTableCell {TD} at (5,5) size 753x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,261) size 768x114 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x112
+          RenderTableRow {TR} at (0,5) size 766x43
+            RenderTableCell {TD} at (5,5) size 756x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {#text} at (2,3) size 735x38
                 text run at (2,3) width 429: "Every cell in this table should have a 2-pixel solid green top border. "
                 text run at (431,3) width 306: "This is also true of the table-testing section in the"
                 text run at (2,22) width 175: "second half of the test page."
-          RenderTableRow {TR} at (0,53) size 763x54
-            RenderTableCell {TD} at (5,68) size 191x24 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,53) size 766x54
+            RenderTableCell {TD} at (5,68) size 192x24 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (2,3) size 53x19
                 text run at (2,3) width 53: "Cell one"
-            RenderTableCell {TD} at (201,53) size 557x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,3) size 553x19
+            RenderTableCell {TD} at (202,53) size 559x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,3) size 555x19
                 RenderText {#text} at (0,0) size 54x19
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,22) size 161x30 [border: (1px outset #808080)]
@@ -50,70 +50,70 @@ layer at (0,0) size 781x989
                     RenderTableCell {TD} at (2,2) size 155x24 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,3) size 151x19
                         text run at (2,3) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,391) size 765x123
-        RenderListItem {LI} at (40,0) size 725x79 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,3) size 725x19
+      RenderBlock {UL} at (0,391) size 768x123
+        RenderListItem {LI} at (40,0) size 728x79 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,3) size 728x19
             RenderListMarker at (-18,0) size 7x19: bullet
             RenderText {#text} at (0,0) size 118x19
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,22) size 725x57
-            RenderListItem {LI} at (40,0) size 685x19
+          RenderBlock {UL} at (0,22) size 728x57
+            RenderListItem {LI} at (40,0) size 688x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 73x19
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,19) size 685x19
+            RenderListItem {LI} at (40,19) size 688x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 115x19
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,38) size 685x19
+            RenderListItem {LI} at (40,38) size 688x19
               RenderListMarker at (-18,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 176x19
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,79) size 725x22 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,79) size 728x22 [border: (3px solid #000000) none]
           RenderListMarker at (-18,3) size 7x19: bullet
           RenderText {#text} at (0,3) size 158x19
             text run at (0,3) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,101) size 725x22 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,101) size 728x22 [border: (3px solid #000000) none]
           RenderListMarker at (-18,3) size 7x19: bullet
           RenderText {#text} at (0,3) size 480x19
             text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
-      RenderTable {TABLE} at (0,530) size 765x443 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x441
-          RenderTableRow {TR} at (0,0) size 763x28
-            RenderTableCell {TD} at (0,0) size 763x28 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,530) size 768x443 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x441
+          RenderTableRow {TR} at (0,0) size 766x28
+            RenderTableCell {TD} at (0,0) size 766x28 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,5) size 163x19
                   text run at (4,5) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 763x413
+          RenderTableRow {TR} at (0,28) size 766x413
             RenderTableCell {TD} at (0,220) size 12x28 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,5) size 4x19
                 text run at (4,5) width 4: " "
-            RenderTableCell {TD} at (12,28) size 751x413 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,5) size 743x38
+            RenderTableCell {TD} at (12,28) size 754x413 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,5) size 746x38
                 RenderText {#text} at (0,0) size 707x38
                   text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
                   text run at (634,0) width 73: "This border"
                   text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,59) size 743x29 [border: (10px double #800080) none]
+              RenderBlock {P} at (4,59) size 746x29 [border: (10px double #800080) none]
                 RenderText {#text} at (0,10) size 414x19
                   text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
-              RenderBlock {P} at (4,104) size 743x20 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,104) size 746x20 [border: (1px solid #800080) none]
                 RenderText {#text} at (0,1) size 331x19
                   text run at (0,1) width 331: "This paragraph should have a thin purple top border."
-              RenderTable {TABLE} at (4,140) size 743x114 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 741x112
-                  RenderTableRow {TR} at (0,5) size 741x43
-                    RenderTableCell {TD} at (5,5) size 731x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderTable {TABLE} at (4,140) size 746x114 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 744x112
+                  RenderTableRow {TR} at (0,5) size 744x43
+                    RenderTableCell {TD} at (5,5) size 734x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                       RenderText {#text} at (2,3) size 712x38
                         text run at (2,3) width 429: "Every cell in this table should have a 2-pixel solid green top border. "
                         text run at (431,3) width 283: "This is also true of the table-testing section in"
                         text run at (2,22) width 198: "the second half of the test page."
-                  RenderTableRow {TR} at (0,53) size 741x54
+                  RenderTableRow {TR} at (0,53) size 744x54
                     RenderTableCell {TD} at (5,68) size 186x24 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,3) size 53x19
                         text run at (2,3) width 53: "Cell one"
-                    RenderTableCell {TD} at (196,53) size 540x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,3) size 536x19
+                    RenderTableCell {TD} at (196,53) size 543x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,3) size 539x19
                         RenderText {#text} at (0,0) size 54x19
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,22) size 161x30 [border: (1px outset #808080)]
@@ -122,30 +122,30 @@ layer at (0,0) size 781x989
                             RenderTableCell {TD} at (2,2) size 155x24 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (2,3) size 151x19
                                 text run at (2,3) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,270) size 743x123
-                RenderListItem {LI} at (40,0) size 703x79 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,3) size 703x19
+              RenderBlock {UL} at (4,270) size 746x123
+                RenderListItem {LI} at (40,0) size 706x79 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,3) size 706x19
                     RenderListMarker at (-18,0) size 7x19: bullet
                     RenderText {#text} at (0,0) size 118x19
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,22) size 703x57
-                    RenderListItem {LI} at (40,0) size 663x19
+                  RenderBlock {UL} at (0,22) size 706x57
+                    RenderListItem {LI} at (40,0) size 666x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 73x19
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,19) size 663x19
+                    RenderListItem {LI} at (40,19) size 666x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 115x19
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,38) size 663x19
+                    RenderListItem {LI} at (40,38) size 666x19
                       RenderListMarker at (-18,0) size 7x19: white bullet
                       RenderText {#text} at (0,0) size 176x19
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,79) size 703x22 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,79) size 706x22 [border: (3px solid #000000) none]
                   RenderListMarker at (-18,3) size 7x19: bullet
                   RenderText {#text} at (0,3) size 158x19
                     text run at (0,3) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,101) size 703x22 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,101) size 706x22 [border: (3px solid #000000) none]
                   RenderListMarker at (-18,3) size 7x19: bullet
                   RenderText {#text} at (0,3) size 480x19
                     text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
index 3c483a2..c93aaa5 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x775
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x775
-  RenderBlock {HTML} at (0,0) size 781x775
-    RenderBody {BODY} at (8,8) size 765x759 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x775
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x775
+  RenderBlock {HTML} at (0,0) size 784x775
+    RenderBody {BODY} at (8,8) size 768x759 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x90
+      RenderBlock {PRE} at (0,35) size 768x90
         RenderText {#text} at (0,0) size 440x90
           text run at (0,0) width 432: ".zero {background-color: silver; border-top-width: 0;}"
           text run at (432,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 781x775
           text run at (416,60) width 0: " "
           text run at (0,75) width 248: ".five {border-top-width: 25px;}"
           text run at (248,75) width 0: " "
-      RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,156) size 765x19
+      RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,156) size 768x19
         RenderText {#text} at (0,0) size 157x19
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,22 +29,22 @@ layer at (0,0) size 781x775
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x19
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,226) size 765x47 [border: (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,226) size 768x47 [border: (25px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,25) size 377x19
           text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
-      RenderBlock {P} at (0,289) size 765x27 [border: (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,289) size 768x27 [border: (5px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,5) size 334x19
           text run at (3,5) width 334: "This paragraph should have a thick top border width."
-      RenderBlock {P} at (0,332) size 765x25 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,332) size 768x25 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 354x19
           text run at (3,3) width 354: "This paragraph should have a medium top border width."
-      RenderBlock {P} at (0,373) size 765x23 [border: (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,373) size 768x23 [border: (1px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,1) size 327x19
           text run at (3,1) width 327: "This paragraph should have a thin top border width."
-      RenderBlock {P} at (0,412) size 765x19
+      RenderBlock {P} at (0,412) size 768x19
         RenderText {#text} at (0,0) size 527x19
           text run at (0,0) width 527: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
         RenderInline {CODE} at (0,0) size 96x15
index 1511568..b6da723 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x919
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x919
-  RenderBlock {HTML} at (0,0) size 781x919
-    RenderBody {BODY} at (8,8) size 765x903 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x919
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x919
+  RenderBlock {HTML} at (0,0) size 784x919
+    RenderBody {BODY} at (8,8) size 768x903 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x90
+      RenderBlock {PRE} at (0,35) size 768x90
         RenderText {#text} at (0,0) size 408x90
           text run at (0,0) width 400: ".zero {background-color: silver; border-width: 0;}"
           text run at (400,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 781x919
           text run at (384,60) width 0: " "
           text run at (0,75) width 216: ".five {border-width: 25px;}"
           text run at (216,75) width 0: " "
-      RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,156) size 765x19
+      RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,156) size 768x19
         RenderText {#text} at (0,0) size 157x19
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,22 +29,22 @@ layer at (0,0) size 781x919
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x19
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,226) size 765x119 [border: (50px solid #000000)]
+      RenderBlock {P} at (0,226) size 768x119 [border: (50px solid #000000)]
         RenderText {#text} at (50,50) size 394x19
           text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
-      RenderBlock {P} at (0,361) size 765x29 [border: (5px solid #000000)]
+      RenderBlock {P} at (0,361) size 768x29 [border: (5px solid #000000)]
         RenderText {#text} at (5,5) size 343x19
           text run at (5,5) width 343: "This element should have a thick overall border width."
-      RenderBlock {P} at (0,406) size 765x25 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,406) size 768x25 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 363x19
           text run at (3,3) width 363: "This element should have a medium overall border width."
-      RenderBlock {P} at (0,447) size 765x21 [border: (1px solid #000000)]
+      RenderBlock {P} at (0,447) size 768x21 [border: (1px solid #000000)]
         RenderText {#text} at (1,1) size 336x19
           text run at (1,1) width 336: "This element should have a thin overall border width."
-      RenderBlock {P} at (0,484) size 765x19
+      RenderBlock {P} at (0,484) size 768x19
         RenderText {#text} at (0,0) size 498x19
           text run at (0,0) width 498: "This element should have no border and no extra \"padding\" on any side, as no "
         RenderInline {CODE} at (0,0) size 96x15
index 51c7b92..acc92ad 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x981
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x981
-  RenderBlock {HTML} at (0,0) size 781x981
-    RenderBody {BODY} at (8,8) size 765x965 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x981
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x981
+  RenderBlock {HTML} at (0,0) size 784x981
+    RenderBody {BODY} at (8,8) size 768x965 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x60
+      RenderBlock {PRE} at (0,35) size 768x60
         RenderText {#text} at (0,0) size 168x60
           text run at (0,0) width 152: ".one {clear: left;}"
           text run at (152,0) width 0: " "
@@ -16,36 +16,36 @@ layer at (0,0) size 781x981
           text run at (168,30) width 0: " "
           text run at (0,45) width 160: ".four {clear: none;}"
           text run at (160,45) width 0: " "
-      RenderBlock {HR} at (0,108) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {HR} at (0,108) size 768x2 [border: (1px inset #000000)]
       RenderImage {IMG} at (0,118) size 15x50
-      RenderBlock {P} at (0,126) size 765x19
+      RenderBlock {P} at (0,126) size 768x19
         RenderText {#text} at (18,0) size 595x19
           text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
-      RenderBlock (anonymous) at (0,161) size 765x19
+      RenderBlock (anonymous) at (0,161) size 768x19
         RenderBR {BR} at (18,0) size 0x19
         RenderImage {IMG} at (0,19) size 15x50
-      RenderBlock {P} at (0,230) size 765x19
+      RenderBlock {P} at (0,230) size 768x19
         RenderText {#text} at (0,0) size 649x19
           text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
-      RenderBlock (anonymous) at (0,265) size 765x19
+      RenderBlock (anonymous) at (0,265) size 768x19
         RenderBR {BR} at (0,0) size 0x19
-        RenderImage {IMG} at (750,19) size 15x50
-      RenderBlock {P} at (0,334) size 765x19
+        RenderImage {IMG} at (753,19) size 15x50
+      RenderBlock {P} at (0,334) size 768x19
         RenderText {#text} at (0,0) size 658x19
           text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
-      RenderBlock (anonymous) at (0,369) size 765x19
+      RenderBlock (anonymous) at (0,369) size 768x19
         RenderBR {BR} at (0,0) size 0x19
         RenderImage {IMG} at (0,19) size 15x50
-        RenderImage {IMG} at (750,19) size 15x50
-      RenderBlock {P} at (0,438) size 765x19
+        RenderImage {IMG} at (753,19) size 15x50
+      RenderBlock {P} at (0,438) size 768x19
         RenderText {#text} at (0,0) size 602x19
           text run at (0,0) width 602: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
       RenderImage {IMG} at (0,473) size 15x50
-      RenderImage {IMG} at (750,473) size 15x50
-      RenderBlock {P} at (0,473) size 765x19
+      RenderImage {IMG} at (753,473) size 15x50
+      RenderBlock {P} at (0,473) size 768x19
         RenderText {#text} at (18,0) size 390x19
           text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
-      RenderBlock (anonymous) at (0,508) size 765x19
+      RenderBlock (anonymous) at (0,508) size 768x19
         RenderBR {BR} at (18,0) size 0x19
       RenderTable {TABLE} at (0,527) size 680x438 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 678x436
index 0ba2f78..cebd28e 100644 (file)
Binary files a/LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.png and b/LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.png differ
index e8e4d07..24f3b3e 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x813
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x813
-  RenderBlock {HTML} at (0,0) size 781x813
-    RenderBody {BODY} at (8,8) size 765x797 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x813
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x813
+  RenderBlock {HTML} at (0,0) size 784x813
+    RenderBody {BODY} at (8,8) size 768x797 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,32) size 765x135
+      RenderBlock {PRE} at (0,32) size 768x135
         RenderText {#text} at (0,0) size 616x135
           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
           text run at (392,0) width 0: " "
@@ -24,7 +24,7 @@ layer at (0,0) size 781x813
           text run at (0,105) width 480: "             color: black; background: yellow; clear: none;}"
           text run at (480,105) width 0: " "
           text run at (0,120) width 0: " "
-      RenderBlock {HR} at (0,180) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {HR} at (0,180) size 768x2 [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,190) size 192x120 [color=#FFFFFF] [bgcolor=#008000]
         RenderBlock {H1} at (8,8) size 176x22
           RenderText {#text} at (0,0) size 85x22
@@ -67,34 +67,34 @@ layer at (0,0) size 781x813
             RenderListMarker at (-18,0) size 7x19: bullet
             RenderText {#text} at (0,0) size 87x19
               text run at (0,0) width 87: "0.5em margin"
-      RenderBlock {DIV} at (224,190) size 509x228 [bgcolor=#FFFF00]
-        RenderBlock {H1} at (8,29) size 493x37
+      RenderBlock {DIV} at (224,190) size 512x228 [bgcolor=#FFFF00]
+        RenderBlock {H1} at (8,29) size 496x37
           RenderText {#text} at (0,0) size 275x36
             text run at (0,0) width 275: "The 'clear' property"
-        RenderBlock {P} at (8,87) size 493x95
-          RenderText {#text} at (0,0) size 493x95
-            text run at (0,0) width 493: "This page has two floating \"menus\" on the side; one has a green background,"
-            text run at (0,19) width 229: "and the other a blue background. "
-            text run at (229,19) width 263: "Due to settings on the 'float' and 'clear'"
-            text run at (0,38) width 493: "properties, the two menus should appear on the left side of the page, the blue"
-            text run at (0,57) width 493: "below the green. There should be a 10px gap between the two menus. There"
+        RenderBlock {P} at (8,87) size 496x95
+          RenderText {#text} at (0,0) size 496x95
+            text run at (0,0) width 496: "This page has two floating \"menus\" on the side; one has a green background,"
+            text run at (0,19) width 230: "and the other a blue background. "
+            text run at (230,19) width 265: "Due to settings on the 'float' and 'clear'"
+            text run at (0,38) width 496: "properties, the two menus should appear on the left side of the page, the blue"
+            text run at (0,57) width 496: "below the green. There should be a 10px gap between the two menus. There"
             text run at (0,76) width 459: "should also be a 10px gap between the top menu and the top of the page."
-        RenderBlock {P} at (8,182) size 493x38
-          RenderText {#text} at (0,0) size 493x38
-            text run at (0,0) width 493: "The top of the yellow rectangle (to which this paragraph belongs) should be"
+        RenderBlock {P} at (8,182) size 496x38
+          RenderText {#text} at (0,0) size 496x38
+            text run at (0,0) width 496: "The top of the yellow rectangle (to which this paragraph belongs) should be"
             text run at (0,19) width 331: "vertically aligned with the top of the green rectangle."
-      RenderTable {TABLE} at (192,418) size 573x379 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 571x377
-          RenderTableRow {TR} at (0,0) size 571x27
-            RenderTableCell {TD} at (0,0) size 571x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (192,418) size 576x379 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 574x377
+          RenderTableRow {TR} at (0,0) size 574x27
+            RenderTableCell {TD} at (0,0) size 574x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 571x350
+          RenderTableRow {TR} at (0,27) size 574x350
             RenderTableCell {TD} at (0,188) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 559x350 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,27) size 562x350 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (floating) {DIV} at (4,4) size 192x120 [color=#FFFFFF] [bgcolor=#008000]
                 RenderBlock {H1} at (8,8) size 176x22
                   RenderText {#text} at (0,0) size 85x22
@@ -137,25 +137,25 @@ layer at (0,0) size 781x813
                     RenderListMarker at (-18,0) size 7x19: bullet
                     RenderText {#text} at (0,0) size 87x19
                       text run at (0,0) width 87: "0.5em margin"
-              RenderBlock {DIV} at (228,4) size 295x342 [bgcolor=#FFFF00]
-                RenderBlock {H1} at (8,29) size 279x37
+              RenderBlock {DIV} at (228,4) size 298x342 [bgcolor=#FFFF00]
+                RenderBlock {H1} at (8,29) size 282x37
                   RenderText {#text} at (0,0) size 275x36
                     text run at (0,0) width 275: "The 'clear' property"
-                RenderBlock {P} at (8,87) size 279x190
-                  RenderText {#text} at (0,0) size 279x190
-                    text run at (0,0) width 279: "This page has two floating \"menus\" on the"
-                    text run at (0,19) width 279: "side; one has a green background, and the"
-                    text run at (0,38) width 163: "other a blue background. "
-                    text run at (163,38) width 115: "Due to settings on"
-                    text run at (0,57) width 279: "the 'float' and 'clear' properties, the two"
-                    text run at (0,76) width 279: "menus should appear on the left side of the"
-                    text run at (0,95) width 279: "page, the blue below the green. There"
-                    text run at (0,114) width 279: "should be a 10px gap between the two"
-                    text run at (0,133) width 279: "menus. There should also be a 10px gap"
-                    text run at (0,152) width 279: "between the top menu and the top of the"
+                RenderBlock {P} at (8,87) size 282x190
+                  RenderText {#text} at (0,0) size 282x190
+                    text run at (0,0) width 282: "This page has two floating \"menus\" on the"
+                    text run at (0,19) width 282: "side; one has a green background, and the"
+                    text run at (0,38) width 165: "other a blue background. "
+                    text run at (165,38) width 117: "Due to settings on"
+                    text run at (0,57) width 282: "the 'float' and 'clear' properties, the two"
+                    text run at (0,76) width 282: "menus should appear on the left side of the"
+                    text run at (0,95) width 282: "page, the blue below the green. There"
+                    text run at (0,114) width 282: "should be a 10px gap between the two"
+                    text run at (0,133) width 282: "menus. There should also be a 10px gap"
+                    text run at (0,152) width 282: "between the top menu and the top of the"
                     text run at (0,171) width 34: "page."
-                RenderBlock {P} at (8,277) size 279x57
-                  RenderText {#text} at (0,0) size 279x57
-                    text run at (0,0) width 279: "The top of the yellow rectangle (to which"
-                    text run at (0,19) width 279: "this paragraph belongs) should be vertically"
+                RenderBlock {P} at (8,277) size 282x57
+                  RenderText {#text} at (0,0) size 282x57
+                    text run at (0,0) width 282: "The top of the yellow rectangle (to which"
+                    text run at (0,19) width 282: "this paragraph belongs) should be vertically"
                     text run at (0,38) width 269: "aligned with the top of the green rectangle."
index 5d47673..ba8acae 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x709
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x709
-  RenderBlock {HTML} at (0,0) size 781x709
-    RenderBody {BODY} at (8,8) size 765x681 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x709
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x709
+  RenderBlock {HTML} at (0,0) size 784x709
+    RenderBody {BODY} at (8,8) size 768x681 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,32) size 765x195
+      RenderBlock {PRE} at (0,32) size 768x195
         RenderText {#text} at (0,0) size 512x195
           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
           text run at (392,0) width 0: " "
@@ -32,10 +32,10 @@ layer at (0,0) size 781x709
           text run at (0,165) width 200: "TABLE {margin: 20px 0px;}"
           text run at (200,165) width 0: " "
           text run at (0,180) width 0: " "
-      RenderBlock {HR} at (0,240) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,250) size 765x38
-        RenderText {#text} at (0,0) size 765x38
-          text run at (0,0) width 765: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
+      RenderBlock {HR} at (0,240) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,250) size 768x38
+        RenderText {#text} at (0,0) size 768x38
+          text run at (0,0) width 768: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
           text run at (0,19) width 405: "indicates how the DIV elements should be laid out horizontally. "
           text run at (405,19) width 219: "They should align with each other."
       RenderBlock (floating) {DIV} at (0,298) size 140x99 [bgcolor=#FFFF00] [border: (20px solid #000000)]
@@ -54,7 +54,7 @@ layer at (0,0) size 781x709
         RenderBlock {P} at (40,40) size 60x19
           RenderText {#text} at (0,0) size 39x19
             text run at (0,0) width 39: "Green"
-      RenderBlock {DIV} at (0,407) size 765x20
+      RenderBlock {DIV} at (0,407) size 768x20
         RenderTable {TABLE} at (0,0) size 620x20
           RenderTableSection {TBODY} at (0,0) size 620x20
             RenderTableRow {TR} at (0,0) size 620x20
@@ -89,21 +89,21 @@ layer at (0,0) size 781x709
                 RenderImage {IMG} at (0,0) size 100x1
               RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
                 RenderImage {IMG} at (0,0) size 20x1
-      RenderTable {TABLE} at (0,447) size 765x234 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x232
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,447) size 768x234 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x232
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x205
+          RenderTableRow {TR} at (0,27) size 766x205
             RenderTableCell {TD} at (0,116) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x205 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x38
-                RenderText {#text} at (0,0) size 743x38
-                  text run at (0,0) width 743: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
+            RenderTableCell {TD} at (12,27) size 754x205 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x38
+                RenderText {#text} at (0,0) size 746x38
+                  text run at (0,0) width 746: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
                   text run at (0,19) width 439: "page indicates how the DIV elements should be laid out horizontally. "
                   text run at (439,19) width 219: "They should align with each other."
               RenderBlock (floating) {DIV} at (4,52) size 140x99 [bgcolor=#FFFF00] [border: (20px solid #000000)]
@@ -122,7 +122,7 @@ layer at (0,0) size 781x709
                 RenderBlock {P} at (40,40) size 60x19
                   RenderText {#text} at (0,0) size 39x19
                     text run at (0,0) width 39: "Green"
-              RenderBlock {DIV} at (4,161) size 743x20
+              RenderBlock {DIV} at (4,161) size 746x20
                 RenderTable {TABLE} at (0,0) size 620x20
                   RenderTableSection {TBODY} at (0,0) size 620x20
                     RenderTableRow {TR} at (0,0) size 620x20
index 5ea5954..7398ee3 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x1904
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1904
-  RenderBlock {HTML} at (0,0) size 781x1904
-    RenderBody {BODY} at (8,8) size 765x1888 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1904
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1904
+  RenderBlock {HTML} at (0,0) size 784x1904
+    RenderBody {BODY} at (8,8) size 768x1888 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x135
+      RenderBlock {PRE} at (0,35) size 768x135
         RenderText {#text} at (0,0) size 560x135
           text run at (0,0) width 344: "P.test {background: white; font-size: 20px;"
           text run at (344,0) width 0: " "
@@ -25,8 +25,8 @@ layer at (0,0) size 781x1904
           text run at (0,105) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
           text run at (400,105) width 0: " "
           text run at (0,120) width 0: " "
-      RenderBlock {HR} at (0,183) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (30,205) size 725x92 [bgcolor=#FFFFFF]
+      RenderBlock {HR} at (0,183) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (30,205) size 728x92 [bgcolor=#FFFFFF]
         RenderText {#text} at (0,0) size 708x92
           text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
           text run at (0,23) width 122: "element's box. "
@@ -34,7 +34,7 @@ layer at (0,0) size 781x1904
           text run at (564,23) width 144: "If the background"
           text run at (0,46) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
           text run at (0,69) width 281: "rate, it must be taken into account."
-      RenderBlock {P} at (30,317) size 725x115 [bgcolor=#FFFFFF]
+      RenderBlock {P} at (30,317) size 728x115 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
         RenderText {#text} at (60,0) size 719x115
           text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
@@ -45,7 +45,7 @@ layer at (0,0) size 781x1904
           text run at (0,69) width 428: "all, which extends to the edges of the element's box. "
           text run at (428,69) width 249: "There is no padding set on this"
           text run at (0,92) width 183: "paragraph whatsoever."
-      RenderBlock {P} at (30,452) size 725x115 [bgcolor=#FFFFFF]
+      RenderBlock {P} at (30,452) size 728x115 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (30,30) size 60x60
         RenderText {#text} at (90,0) size 718x115
           text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
@@ -55,7 +55,7 @@ layer at (0,0) size 781x1904
           text run at (90,69) width 613: "a white background, first of all, which extends to the edges of the element's"
           text run at (0,92) width 40: "box. "
           text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,587) size 725x115 [bgcolor=#FFFFFF]
+      RenderBlock {P} at (30,587) size 728x115 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (-30,-30) size 60x60
         RenderText {#text} at (30,0) size 721x115
           text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
@@ -65,19 +65,19 @@ layer at (0,0) size 781x1904
           text run at (0,69) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
           text run at (0,92) width 122: "element's box. "
           text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,722) size 725x138 [bgcolor=#FFFFFF]
+      RenderBlock {P} at (30,722) size 728x138 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {#text} at (90,0) size 719x138
-          text run at (90,0) width 604: "The image in the upper left corner of this paragraph should be floated left,"
-          text run at (90,23) width 601: "and the edges of the white background should line up with the top and left"
-          text run at (90,46) width 163: "edges of the image. "
-          text run at (253,46) width 460: "However, there should be 30 pixels of space between the"
-          text run at (90,69) width 568: "right and bottom edges of the image and the paragraph text around it. "
-          text run at (658,69) width 36: "This"
+        RenderText {#text} at (90,0) size 728x138
+          text run at (90,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
+          text run at (90,23) width 618: "the edges of the white background should line up with the top and left edges"
+          text run at (90,46) width 112: "of the image. "
+          text run at (202,46) width 504: "However, there should be 30 pixels of space between the right"
+          text run at (90,69) width 524: "and bottom edges of the image and the paragraph text around it. "
+          text run at (614,69) width 36: "This"
           text run at (0,92) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
           text run at (0,115) width 122: "element's box. "
           text run at (122,115) width 437: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,880) size 725x138 [bgcolor=#FFFFFF]
+      RenderBlock {P} at (30,880) size 728x138 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
         RenderText {#text} at (30,0) size 706x138
           text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
@@ -89,19 +89,19 @@ layer at (0,0) size 781x1904
           text run at (0,92) width 489: "first of all, which extends to the edges of the element's box. "
           text run at (489,92) width 214: "There is no padding set on"
           text run at (0,115) width 218: "this paragraph whatsoever."
-      RenderTable {TABLE} at (0,1038) size 765x850 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x848
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,1038) size 768x850 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x848
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x821
+          RenderTableRow {TR} at (0,27) size 766x821
             RenderTableCell {TD} at (0,424) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (34,4) size 703x92 [bgcolor=#FFFFFF]
+            RenderTableCell {TD} at (12,27) size 754x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (34,4) size 706x92 [bgcolor=#FFFFFF]
                 RenderText {#text} at (0,0) size 700x92
                   text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
                   text run at (0,23) width 122: "element's box. "
@@ -109,7 +109,7 @@ layer at (0,0) size 781x1904
                   text run at (564,23) width 44: "If the"
                   text run at (0,46) width 700: "background of the entire box is not white, this may cause problems with the following"
                   text run at (0,69) width 383: "tests; at any rate, it must be taken into account."
-              RenderBlock {P} at (34,116) size 703x115 [bgcolor=#FFFFFF]
+              RenderBlock {P} at (34,116) size 706x115 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
                 RenderText {#text} at (60,0) size 703x115
                   text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
@@ -120,27 +120,27 @@ layer at (0,0) size 781x1904
                   text run at (0,69) width 489: "first of all, which extends to the edges of the element's box. "
                   text run at (489,69) width 214: "There is no padding set on"
                   text run at (0,92) width 218: "this paragraph whatsoever."
-              RenderBlock {P} at (34,251) size 703x115 [bgcolor=#FFFFFF]
+              RenderBlock {P} at (34,251) size 706x115 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (30,30) size 60x60
-                RenderText {#text} at (90,0) size 692x115
-                  text run at (90,0) width 566: "The image in the upper left corner of this paragraph should be pushed"
-                  text run at (90,23) width 562: "down and to the right 30 pixels each from the upper left corner of the"
-                  text run at (90,46) width 502: "paragraph's box, and displace the paragraph text accordingly. "
-                  text run at (592,46) width 36: "This"
-                  text run at (90,69) width 586: "paragraph should have a white background, first of all, which extends to"
-                  text run at (0,92) width 255: "the edges of the element's box. "
-                  text run at (255,92) width 437: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,386) size 703x115 [bgcolor=#FFFFFF]
+                RenderText {#text} at (90,0) size 705x115
+                  text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
+                  text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
+                  text run at (90,46) width 404: "box, and displace the paragraph text accordingly. "
+                  text run at (494,46) width 181: "This paragraph should"
+                  text run at (90,69) width 574: "have a white background, first of all, which extends to the edges of the"
+                  text run at (0,92) width 122: "element's box. "
+                  text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,386) size 706x115 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (-30,-30) size 60x60
-                RenderText {#text} at (30,0) size 692x115
-                  text run at (30,0) width 646: "The image in the upper left corner of this paragraph should be pushed up and to"
-                  text run at (30,23) width 624: "the left 30 pixels each from the upper left corner of the paragraph's box, thus"
-                  text run at (0,46) width 665: "causing the edges of the white background to align with the thick gray lines in the"
-                  text run at (0,69) width 60: "image. "
-                  text run at (60,69) width 627: "This paragraph should have a white background, first of all, which extends to"
-                  text run at (0,92) width 255: "the edges of the element's box. "
-                  text run at (255,92) width 437: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,521) size 703x138 [bgcolor=#FFFFFF]
+                RenderText {#text} at (30,0) size 706x115
+                  text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
+                  text run at (30,23) width 661: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing"
+                  text run at (0,46) width 663: "the edges of the white background to align with the thick gray lines in the image. "
+                  text run at (663,46) width 36: "This"
+                  text run at (0,69) width 689: "paragraph should have a white background, first of all, which extends to the edges of"
+                  text run at (0,92) width 152: "the element's box. "
+                  text run at (152,92) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,521) size 706x138 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
                 RenderText {#text} at (90,0) size 694x138
                   text run at (90,0) width 604: "The image in the upper left corner of this paragraph should be floated left,"
@@ -151,15 +151,15 @@ layer at (0,0) size 781x1904
                   text run at (0,92) width 657: "This paragraph should have a white background, first of all, which extends to the"
                   text run at (0,115) width 225: "edges of the element's box. "
                   text run at (225,115) width 437: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,679) size 703x138 [bgcolor=#FFFFFF]
+              RenderBlock {P} at (34,679) size 706x138 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {#text} at (30,0) size 698x138
+                RenderText {#text} at (30,0) size 706x138
                   text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
                   text run at (30,23) width 640: "edges of the white background should line up with the top and left edges of the"
                   text run at (0,46) width 60: "image. "
                   text run at (60,46) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
                   text run at (0,69) width 313: "with the thick gray lines in the image. "
-                  text run at (313,69) width 288: "This paragraph should have a white"
-                  text run at (0,92) width 594: "background, first of all, which extends to the edges of the element's box. "
-                  text run at (594,92) width 91: "There is no"
-                  text run at (0,115) width 341: "padding set on this paragraph whatsoever."
+                  text run at (313,69) width 393: "This paragraph should have a white background,"
+                  text run at (0,92) width 489: "first of all, which extends to the edges of the element's box. "
+                  text run at (489,92) width 214: "There is no padding set on"
+                  text run at (0,115) width 218: "this paragraph whatsoever."
index 422a83c..492df98 100644 (file)
Binary files a/LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.png and b/LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.png differ
index 00e21b2..1377144 100644 (file)
@@ -1,75 +1,75 @@
-layer at (0,0) size 781x2820
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x2820
-  RenderBlock {HTML} at (0,0) size 781x2820
-    RenderBody {BODY} at (8,8) size 765x2804 [bgcolor=#CCCCCC]
-      RenderBlock (floating) {P} at (0,0) size 382x38 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 382x38
-          text run at (0,0) width 382: "This paragraph is of class \"one\". It has a width of 50% and"
+layer at (0,0) size 784x2820
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x2820
+  RenderBlock {HTML} at (0,0) size 784x2820
+    RenderBody {BODY} at (8,8) size 768x2804 [bgcolor=#CCCCCC]
+      RenderBlock (floating) {P} at (0,0) size 384x38 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 384x38
+          text run at (0,0) width 384: "This paragraph is of class \"one\". It has a width of 50% and"
           text run at (0,19) width 124: "is floated to the left."
-      RenderBlock {P} at (0,0) size 765x95
-        RenderText {#text} at (382,0) size 765x95
-          text run at (382,0) width 383: "This paragraph should start on the right side of a yellow box"
-          text run at (382,19) width 383: "which contains the previous paragraph. Since the text of this"
-          text run at (0,38) width 765: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
-          text run at (0,57) width 765: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
+      RenderBlock {P} at (0,0) size 768x95
+        RenderText {#text} at (384,0) size 768x95
+          text run at (384,0) width 384: "This paragraph should start on the right side of a yellow box"
+          text run at (384,19) width 384: "which contains the previous paragraph. Since the text of this"
+          text run at (0,38) width 768: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
+          text run at (0,57) width 768: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
           text run at (0,76) width 36: "other."
-      RenderBlock (anonymous) at (0,95) size 765x19
+      RenderBlock (anonymous) at (0,95) size 768x19
         RenderBR {BR} at (0,0) size 0x19
-      RenderBlock {HR} at (0,122) size 765x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (0,132) size 765x76 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 765x76
-          text run at (0,0) width 765: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
-          text run at (0,19) width 765: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and"
-          text run at (0,38) width 765: "a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
+      RenderBlock {HR} at (0,122) size 768x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,132) size 768x76 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 768x76
+          text run at (0,0) width 768: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+          text run at (0,19) width 768: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a"
+          text run at (0,38) width 768: "orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
           text run at (0,57) width 217: "paragraph for diagnostic purposes."
-      RenderBlock (anonymous) at (0,132) size 765x95
+      RenderBlock (anonymous) at (0,132) size 768x95
         RenderImage {IMG} at (0,76) size 15x15
         RenderText {#text} at (15,76) size 4x19
           text run at (15,76) width 4: " "
         RenderBR {BR} at (19,91) size 0x0
-      RenderBlock {HR} at (0,235) size 765x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (0,245) size 382x114 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 382x114
-          text run at (0,0) width 382: "This paragraph is floated to the left and the orange square"
-          text run at (0,19) width 382: "image should appear to the right of the paragraph. This"
-          text run at (0,38) width 382: "paragraph has a yellow background and no padding, margin"
-          text run at (0,57) width 382: "or border. The right edge of this yellow box should be"
-          text run at (0,76) width 382: "horizontally aligned with the left edge of the yellow box"
+      RenderBlock {HR} at (0,235) size 768x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,245) size 384x114 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 384x114
+          text run at (0,0) width 384: "This paragraph is floated to the left and the orange square"
+          text run at (0,19) width 384: "image should appear to the right of the paragraph. This"
+          text run at (0,38) width 384: "paragraph has a yellow background and no padding, margin"
+          text run at (0,57) width 384: "or border. The right edge of this yellow box should be"
+          text run at (0,76) width 384: "horizontally aligned with the left edge of the yellow box"
           text run at (0,95) width 79: "undernearth."
-      RenderBlock (anonymous) at (0,245) size 765x114
-        RenderImage {IMG} at (382,0) size 15x15
-        RenderText {#text} at (397,0) size 4x19
-          text run at (397,0) width 4: " "
-        RenderBR {BR} at (401,15) size 0x0
-      RenderBlock {HR} at (0,367) size 765x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (383,377) size 382x114 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 382x114
-          text run at (0,0) width 382: "This paragraph is floated to the right (using a STYLE"
-          text run at (0,19) width 382: "attribute) and the orange square image should appear to the"
-          text run at (0,38) width 382: "left of the paragraph. This paragraph has a yellow"
-          text run at (0,57) width 382: "background and no padding, margin or border. The left edge"
-          text run at (0,76) width 382: "of this yellow box should be horizonally aligned with the"
+      RenderBlock (anonymous) at (0,245) size 768x114
+        RenderImage {IMG} at (384,0) size 15x15
+        RenderText {#text} at (399,0) size 4x19
+          text run at (399,0) width 4: " "
+        RenderBR {BR} at (403,15) size 0x0
+      RenderBlock {HR} at (0,367) size 768x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (384,377) size 384x114 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 384x114
+          text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE"
+          text run at (0,19) width 384: "attribute) and the orange square image should appear to the"
+          text run at (0,38) width 384: "left of the paragraph. This paragraph has a yellow"
+          text run at (0,57) width 384: "background and no padding, margin or border. The left edge"
+          text run at (0,76) width 384: "of this yellow box should be horizonally aligned with the"
           text run at (0,95) width 224: "right edge of the yellow box above."
-      RenderBlock (anonymous) at (0,377) size 765x114
+      RenderBlock (anonymous) at (0,377) size 768x114
         RenderImage {IMG} at (0,0) size 15x15
         RenderText {#text} at (15,0) size 4x19
           text run at (15,0) width 4: " "
         RenderBR {BR} at (19,15) size 0x0
-      RenderBlock {HR} at (0,499) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,509) size 765x57
+      RenderBlock {HR} at (0,499) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,509) size 768x57
         RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
           RenderText {#text} at (0,0) size 21x36
             text run at (0,0) width 21: "T"
-        RenderText {#text} at (48,0) size 765x57
-          text run at (48,0) width 717: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
-          text run at (48,19) width 493: "well as bold, with a content width of 1.5em and a background-color of silver. "
-          text run at (541,19) width 223: "The top of the big letter \"T\" should"
+        RenderText {#text} at (48,0) size 768x57
+          text run at (48,0) width 720: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+          text run at (48,19) width 495: "well as bold, with a content width of 1.5em and a background-color of silver. "
+          text run at (543,19) width 224: "The top of the big letter \"T\" should"
           text run at (0,38) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
-      RenderBlock (anonymous) at (0,566) size 765x19
+      RenderBlock (anonymous) at (0,566) size 768x19
         RenderBR {BR} at (0,0) size 0x19
-      RenderBlock {HR} at (0,593) size 765x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (419,613) size 336x206 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+      RenderBlock {HR} at (0,593) size 768x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (422,613) size 336x206 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
         RenderText {#text} at (8,8) size 320x190
           text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
           text run at (8,27) width 320: "of like a 'sidebar' in a magazine article. Its width is"
@@ -81,28 +81,28 @@ layer at (0,0) size 781x2820
           text run at (8,141) width 320: "element has a 10px wide margin around it where"
           text run at (8,160) width 320: "the blue background of the paragraph in the"
           text run at (8,179) width 217: "normal flow should shine through."
-      RenderBlock {P} at (0,603) size 765x209 [bgcolor=#66CCFF]
-        RenderText {#text} at (0,0) size 409x209
-          text run at (0,0) width 409: "This paragraph is not floating. If there is enough room, the"
-          text run at (0,19) width 409: "textual content of the paragraph should appear on the left side of"
-          text run at (0,38) width 228: "the yellow \"sidebar\" on the right. "
-          text run at (228,38) width 181: "The content of this element"
-          text run at (0,57) width 270: "should flow around the floated element. "
-          text run at (270,57) width 138: "However, the floated"
-          text run at (0,76) width 409: "element may or may not be obscured by the blue background of"
-          text run at (0,95) width 409: "this element, as the specification does not say which is drawn"
-          text run at (0,114) width 65: "\"on top.\" "
-          text run at (65,114) width 343: "Even if the floated element is obscured, it still forces"
-          text run at (0,133) width 320: "the content of this element to flow around it. "
-          text run at (320,133) width 88: "If the floated"
-          text run at (0,152) width 409: "element is not obscured, then the blue rectangle of this paragraph"
-          text run at (0,171) width 409: "should extend 10px above and to the right of the sidebar's red"
-          text run at (0,190) width 368: "border, due to the margin styles set for the floated element."
-      RenderBlock (anonymous) at (0,812) size 765x19
+      RenderBlock {P} at (0,603) size 768x209 [bgcolor=#66CCFF]
+        RenderText {#text} at (0,0) size 412x209
+          text run at (0,0) width 412: "This paragraph is not floating. If there is enough room, the"
+          text run at (0,19) width 412: "textual content of the paragraph should appear on the left side of"
+          text run at (0,38) width 229: "the yellow \"sidebar\" on the right. "
+          text run at (229,38) width 182: "The content of this element"
+          text run at (0,57) width 272: "should flow around the floated element. "
+          text run at (272,57) width 139: "However, the floated"
+          text run at (0,76) width 412: "element may or may not be obscured by the blue background of"
+          text run at (0,95) width 412: "this element, as the specification does not say which is drawn \"on"
+          text run at (0,114) width 37: "top.\" "
+          text run at (37,114) width 374: "Even if the floated element is obscured, it still forces the"
+          text run at (0,133) width 263: "content of this element to flow around it. "
+          text run at (263,133) width 149: "If the floated element is"
+          text run at (0,152) width 412: "not obscured, then the blue rectangle of this paragraph should"
+          text run at (0,171) width 412: "extend 10px above and to the right of the sidebar's red border,"
+          text run at (0,190) width 319: "due to the margin styles set for the floated element."
+      RenderBlock (anonymous) at (0,812) size 768x19
         RenderBR {BR} at (0,0) size 0x19
-      RenderBlock {HR} at (0,839) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (0,849) size 765x27 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
-        RenderBlock (floating) {DIV} at (421,14) size 330x238 [bgcolor=#FFFF00]
+      RenderBlock {HR} at (0,839) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (0,849) size 768x27 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+        RenderBlock (floating) {DIV} at (424,14) size 330x238 [bgcolor=#FFFF00]
           RenderBlock {P} at (5,5) size 320x228
             RenderText {#text} at (0,0) size 320x228
               text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
@@ -117,136 +117,137 @@ layer at (0,0) size 781x2820
               text run at (0,171) width 320: "box should be rendered on top of the bottom red"
               text run at (0,190) width 320: "border. I.e., the bottom red border will appear"
               text run at (0,209) width 318: "broken where it's overlaid by the yellow rectangle."
-        RenderBlock {P} at (4,4) size 757x19
+        RenderBlock {P} at (4,4) size 760x19
           RenderText {#text} at (0,0) size 268x19
             text run at (0,0) width 268: "See description in the box on the right side"
-      RenderBlock (anonymous) at (0,876) size 765x235
+      RenderBlock (anonymous) at (0,876) size 768x235
         RenderBR {BR} at (0,0) size 0x19
-      RenderBlock {HR} at (0,1119) size 765x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {DIV} at (0,1129) size 191x76 [bgcolor=#66CCFF]
-        RenderBlock {P} at (0,0) size 191x76
-          RenderText {#text} at (0,0) size 191x76
-            text run at (0,0) width 191: "This paragraph is inside a"
-            text run at (0,19) width 191: "DIV which is floated left. Its"
-            text run at (0,38) width 191: "background is blue and the"
+      RenderBlock {HR} at (0,1119) size 768x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1129) size 192x76 [bgcolor=#66CCFF]
+        RenderBlock {P} at (0,0) size 192x76
+          RenderText {#text} at (0,0) size 192x76
+            text run at (0,0) width 192: "This paragraph is inside a"
+            text run at (0,19) width 192: "DIV which is floated left. Its"
+            text run at (0,38) width 192: "background is blue and the"
             text run at (0,57) width 87: "width is 25%."
-      RenderBlock (floating) {DIV} at (574,1129) size 191x76 [bgcolor=#FFFF00]
-        RenderBlock {P} at (0,0) size 191x76
-          RenderText {#text} at (0,0) size 191x76
-            text run at (0,0) width 191: "This paragraph is inside a"
-            text run at (0,19) width 191: "DIV which is floated right. Its"
-            text run at (0,38) width 191: "background is yellow and the"
+      RenderBlock (floating) {DIV} at (576,1129) size 192x76 [bgcolor=#FFFF00]
+        RenderBlock {P} at (0,0) size 192x76
+          RenderText {#text} at (0,0) size 192x76
+            text run at (0,0) width 192: "This paragraph is inside a"
+            text run at (0,19) width 192: "DIV which is floated right. Its"
+            text run at (0,38) width 192: "background is yellow and the"
             text run at (0,57) width 87: "width is 25%."
-      RenderBlock {P} at (0,1129) size 765x38
-        RenderText {#text} at (191,0) size 383x38
-          text run at (191,0) width 383: "This paragraph should appear between a blue box (on the"
-          text run at (191,19) width 29: "left) "
-          text run at (220,19) width 199: "and a yellow box (on the right)."
-      RenderBlock (anonymous) at (0,1167) size 765x38
-        RenderBR {BR} at (191,0) size 0x19
-      RenderBlock {HR} at (0,1213) size 765x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {DIV} at (0,1223) size 573x133 [bgcolor=#66CCFF]
-        RenderBlock (floating) {DIV} at (420,0) size 143x38 [bgcolor=#FFFF00]
-          RenderBlock {P} at (0,0) size 143x38
-            RenderText {#text} at (0,0) size 143x38
-              text run at (0,0) width 143: "See description in the"
+      RenderBlock {P} at (0,1129) size 768x38
+        RenderText {#text} at (192,0) size 384x38
+          text run at (192,0) width 384: "This paragraph should appear between a blue box (on the"
+          text run at (192,19) width 29: "left) "
+          text run at (221,19) width 199: "and a yellow box (on the right)."
+      RenderBlock (anonymous) at (0,1167) size 768x38
+        RenderBR {BR} at (192,0) size 0x19
+      RenderBlock {HR} at (0,1213) size 768x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1223) size 576x133 [bgcolor=#66CCFF]
+        RenderBlock (floating) {DIV} at (422,0) size 144x38 [bgcolor=#FFFF00]
+          RenderBlock {P} at (0,0) size 144x38
+            RenderText {#text} at (0,0) size 144x38
+              text run at (0,0) width 144: "See description in the"
               text run at (0,19) width 124: "box on the left side."
-        RenderBlock {P} at (0,0) size 573x133
-          RenderText {#text} at (0,0) size 573x133
-            text run at (0,0) width 420: "This paragraph is inside a DIV which is floated left. The"
-            text run at (0,19) width 420: "background of the DIV element is blue and its width is 75%. This"
-            text run at (0,38) width 404: "text should all be inside the blue rectangle. The blue DIV "
-            text run at (404,38) width 168: "element has another DIV"
-            text run at (0,57) width 218: "element as a child. It has a yellow "
-            text run at (218,57) width 354: "background color and is floated to the right. Since it is a"
-            text run at (0,76) width 417: "child of the blue DIV, the yellow DIV should appear inside the "
-            text run at (417,76) width 156: "blue rectangle. Due to it"
-            text run at (0,95) width 234: "being floated to the right and having "
-            text run at (234,95) width 338: "a 10px right margin, the yellow rectange should have"
-            text run at (0,114) width 78: "a 10px blue "
-            text run at (78,114) width 138: "stripe on its right side."
-      RenderBlock (anonymous) at (0,1223) size 765x133
-        RenderBR {BR} at (573,0) size 0x19
-      RenderBlock {HR} at (0,1364) size 765x2 [border: (1px inset #000000)]
-      RenderTable {TABLE} at (0,1374) size 765x1430 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x1428
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+        RenderBlock {P} at (0,0) size 576x133
+          RenderText {#text} at (0,0) size 576x133
+            text run at (0,0) width 422: "This paragraph is inside a DIV which is floated left. The"
+            text run at (0,19) width 422: "background of the DIV element is blue and its width is 75%. This"
+            text run at (0,38) width 364: "text should all be inside the blue rectangle. The blue DIV "
+            text run at (364,38) width 211: "element has another DIV element"
+            text run at (0,57) width 166: "as a child. It has a yellow "
+            text run at (166,57) width 361: "background color and is floated to the right. Since it is a "
+            text run at (527,57) width 48: "child of"
+            text run at (0,76) width 374: "the blue DIV, the yellow DIV should appear inside the "
+            text run at (374,76) width 202: "blue rectangle. Due to it being"
+            text run at (0,95) width 193: "floated to the right and having "
+            text run at (193,95) width 382: "a 10px right margin, the yellow rectange should have a 10px"
+            text run at (0,114) width 31: "blue "
+            text run at (31,114) width 138: "stripe on its right side."
+      RenderBlock (anonymous) at (0,1223) size 768x133
+        RenderBR {BR} at (576,0) size 0x19
+      RenderBlock {HR} at (0,1364) size 768x2 [border: (1px inset #000000)]
+      RenderTable {TABLE} at (0,1374) size 768x1430 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x1428
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x1401
+          RenderTableRow {TR} at (0,27) size 766x1401
             RenderTableCell {TD} at (0,714) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x1401 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (floating) {P} at (4,4) size 371x38 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 371x38
-                  text run at (0,0) width 371: "This paragraph is of class \"one\". It has a width of 50% and"
+            RenderTableCell {TD} at (12,27) size 754x1401 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (floating) {P} at (4,4) size 373x38 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 373x38
+                  text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of 50% and"
                   text run at (0,19) width 124: "is floated to the left."
-              RenderBlock {P} at (4,4) size 743x95
-                RenderText {#text} at (371,0) size 743x95
-                  text run at (371,0) width 372: "This paragraph should start on the right side of a yellow"
-                  text run at (371,19) width 372: "box which contains the previous paragraph. Since the text"
-                  text run at (0,38) width 743: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
-                  text run at (0,57) width 743: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close"
-                  text run at (0,76) width 85: "to each other."
-              RenderBlock (anonymous) at (4,99) size 743x19
+              RenderBlock {P} at (4,4) size 746x95
+                RenderText {#text} at (373,0) size 746x95
+                  text run at (373,0) width 373: "This paragraph should start on the right side of a yellow"
+                  text run at (373,19) width 373: "box which contains the previous paragraph. Since the text"
+                  text run at (0,38) width 746: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
+                  text run at (0,57) width 746: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close to"
+                  text run at (0,76) width 69: "each other."
+              RenderBlock (anonymous) at (4,99) size 746x19
                 RenderBR {BR} at (0,0) size 0x19
-              RenderBlock {HR} at (4,126) size 743x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (4,136) size 743x76 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 743x76
-                  text run at (0,0) width 743: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its"
-                  text run at (0,19) width 743: "parent element allows it to be. Therefore, even though the element is floated, there is no room for other content on the"
-                  text run at (0,38) width 743: "sides and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been"
-                  text run at (0,57) width 301: "added to this paragraph for diagnostic purposes."
-              RenderBlock (anonymous) at (4,136) size 743x95
+              RenderBlock {HR} at (4,126) size 746x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,136) size 746x76 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 746x76
+                  text run at (0,0) width 746: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+                  text run at (0,19) width 746: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides"
+                  text run at (0,38) width 746: "and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added"
+                  text run at (0,57) width 259: "to this paragraph for diagnostic purposes."
+              RenderBlock (anonymous) at (4,136) size 746x95
                 RenderImage {IMG} at (0,76) size 15x15
                 RenderText {#text} at (15,76) size 4x19
                   text run at (15,76) width 4: " "
                 RenderBR {BR} at (19,91) size 0x0
-              RenderBlock {HR} at (4,239) size 743x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (4,249) size 371x114 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 371x114
-                  text run at (0,0) width 371: "This paragraph is floated to the left and the orange square"
-                  text run at (0,19) width 371: "image should appear to the right of the paragraph. This"
-                  text run at (0,38) width 371: "paragraph has a yellow background and no padding,"
-                  text run at (0,57) width 371: "margin or border. The right edge of this yellow box should"
-                  text run at (0,76) width 371: "be horizontally aligned with the left edge of the yellow"
-                  text run at (0,95) width 107: "box undernearth."
-              RenderBlock (anonymous) at (4,249) size 743x114
-                RenderImage {IMG} at (371,0) size 15x15
-                RenderText {#text} at (386,0) size 4x19
-                  text run at (386,0) width 4: " "
-                RenderBR {BR} at (390,15) size 0x0
-              RenderBlock {HR} at (4,371) size 743x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (376,381) size 371x114 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 371x114
-                  text run at (0,0) width 371: "This paragraph is floated to the right (using a STYLE"
-                  text run at (0,19) width 371: "attribute) and the orange square image should appear to the"
-                  text run at (0,38) width 371: "left of the paragraph. This paragraph has a yellow"
-                  text run at (0,57) width 371: "background and no padding, margin or border. The left"
-                  text run at (0,76) width 371: "edge of this yellow box should be horizonally aligned with"
+              RenderBlock {HR} at (4,239) size 746x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,249) size 373x114 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 373x114
+                  text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
+                  text run at (0,19) width 373: "image should appear to the right of the paragraph. This"
+                  text run at (0,38) width 373: "paragraph has a yellow background and no padding,"
+                  text run at (0,57) width 373: "margin or border. The right edge of this yellow box should"
+                  text run at (0,76) width 373: "be horizontally aligned with the left edge of the yellow box"
+                  text run at (0,95) width 79: "undernearth."
+              RenderBlock (anonymous) at (4,249) size 746x114
+                RenderImage {IMG} at (373,0) size 15x15
+                RenderText {#text} at (388,0) size 4x19
+                  text run at (388,0) width 4: " "
+                RenderBR {BR} at (392,15) size 0x0
+              RenderBlock {HR} at (4,371) size 746x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (377,381) size 373x114 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 373x114
+                  text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
+                  text run at (0,19) width 373: "attribute) and the orange square image should appear to the"
+                  text run at (0,38) width 373: "left of the paragraph. This paragraph has a yellow"
+                  text run at (0,57) width 373: "background and no padding, margin or border. The left"
+                  text run at (0,76) width 373: "edge of this yellow box should be horizonally aligned with"
                   text run at (0,95) width 247: "the right edge of the yellow box above."
-              RenderBlock (anonymous) at (4,381) size 743x114
+              RenderBlock (anonymous) at (4,381) size 746x114
                 RenderImage {IMG} at (0,0) size 15x15
                 RenderText {#text} at (15,0) size 4x19
                   text run at (15,0) width 4: " "
                 RenderBR {BR} at (19,15) size 0x0
-              RenderBlock {HR} at (4,503) size 743x2 [border: (1px inset #000000)]
-              RenderBlock {P} at (4,513) size 743x57
+              RenderBlock {HR} at (4,503) size 746x2 [border: (1px inset #000000)]
+              RenderBlock {P} at (4,513) size 746x57
                 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
                   RenderText {#text} at (0,0) size 21x36
                     text run at (0,0) width 21: "T"
-                RenderText {#text} at (48,0) size 743x57
-                  text run at (48,0) width 695: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph,"
-                  text run at (48,19) width 515: "as well as bold, with a content width of 1.5em and a background-color of silver. "
-                  text run at (563,19) width 179: "The top of the big letter \"T\""
+                RenderText {#text} at (48,0) size 746x57
+                  text run at (48,0) width 698: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+                  text run at (48,19) width 512: "well as bold, with a content width of 1.5em and a background-color of silver. "
+                  text run at (560,19) width 185: "The top of the big letter \"T\""
                   text run at (0,38) width 721: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
-              RenderBlock (anonymous) at (4,570) size 743x19
+              RenderBlock (anonymous) at (4,570) size 746x19
                 RenderBR {BR} at (0,0) size 0x19
-              RenderBlock {HR} at (4,597) size 743x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (401,617) size 336x206 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+              RenderBlock {HR} at (4,597) size 746x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (404,617) size 336x206 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
                 RenderText {#text} at (8,8) size 320x190
                   text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
                   text run at (8,27) width 320: "of like a 'sidebar' in a magazine article. Its width is"
@@ -258,29 +259,29 @@ layer at (0,0) size 781x2820
                   text run at (8,141) width 320: "element has a 10px wide margin around it where"
                   text run at (8,160) width 320: "the blue background of the paragraph in the"
                   text run at (8,179) width 217: "normal flow should shine through."
-              RenderBlock {P} at (4,607) size 743x228 [bgcolor=#66CCFF]
-                RenderText {#text} at (0,0) size 387x228
-                  text run at (0,0) width 387: "This paragraph is not floating. If there is enough room, the"
-                  text run at (0,19) width 387: "textual content of the paragraph should appear on the left side"
-                  text run at (0,38) width 257: "of the yellow \"sidebar\" on the right. "
-                  text run at (257,38) width 129: "The content of this"
-                  text run at (0,57) width 324: "element should flow around the floated element. "
-                  text run at (324,57) width 63: "However,"
-                  text run at (0,76) width 387: "the floated element may or may not be obscured by the blue"
-                  text run at (0,95) width 387: "background of this element, as the specification does not say"
-                  text run at (0,114) width 183: "which is drawn \"on top.\" "
-                  text run at (183,114) width 203: "Even if the floated element is"
-                  text run at (0,133) width 387: "obscured, it still forces the content of this element to flow"
+              RenderBlock {P} at (4,607) size 746x228 [bgcolor=#66CCFF]
+                RenderText {#text} at (0,0) size 390x228
+                  text run at (0,0) width 390: "This paragraph is not floating. If there is enough room, the"
+                  text run at (0,19) width 390: "textual content of the paragraph should appear on the left side"
+                  text run at (0,38) width 259: "of the yellow \"sidebar\" on the right. "
+                  text run at (259,38) width 130: "The content of this"
+                  text run at (0,57) width 327: "element should flow around the floated element. "
+                  text run at (327,57) width 63: "However,"
+                  text run at (0,76) width 390: "the floated element may or may not be obscured by the blue"
+                  text run at (0,95) width 390: "background of this element, as the specification does not say"
+                  text run at (0,114) width 185: "which is drawn \"on top.\" "
+                  text run at (185,114) width 205: "Even if the floated element is"
+                  text run at (0,133) width 390: "obscured, it still forces the content of this element to flow"
                   text run at (0,152) width 64: "around it. "
-                  text run at (64,152) width 322: "If the floated element is not obscured, then the blue"
-                  text run at (0,171) width 387: "rectangle of this paragraph should extend 10px above and to"
-                  text run at (0,190) width 387: "the right of the sidebar's red border, due to the margin styles"
+                  text run at (64,152) width 325: "If the floated element is not obscured, then the blue"
+                  text run at (0,171) width 390: "rectangle of this paragraph should extend 10px above and to"
+                  text run at (0,190) width 390: "the right of the sidebar's red border, due to the margin styles"
                   text run at (0,209) width 166: "set for the floated element."
-              RenderBlock (anonymous) at (4,835) size 743x19
+              RenderBlock (anonymous) at (4,835) size 746x19
                 RenderBR {BR} at (0,0) size 0x19
-              RenderBlock {HR} at (4,862) size 743x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (4,872) size 743x27 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
-                RenderBlock (floating) {DIV} at (399,14) size 330x238 [bgcolor=#FFFF00]
+              RenderBlock {HR} at (4,862) size 746x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (4,872) size 746x27 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+                RenderBlock (floating) {DIV} at (402,14) size 330x238 [bgcolor=#FFFF00]
                   RenderBlock {P} at (5,5) size 320x228
                     RenderText {#text} at (0,0) size 320x228
                       text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
@@ -295,57 +296,57 @@ layer at (0,0) size 781x2820
                       text run at (0,171) width 320: "box should be rendered on top of the bottom red"
                       text run at (0,190) width 320: "border. I.e., the bottom red border will appear"
                       text run at (0,209) width 318: "broken where it's overlaid by the yellow rectangle."
-                RenderBlock {P} at (4,4) size 735x19
+                RenderBlock {P} at (4,4) size 738x19
                   RenderText {#text} at (0,0) size 268x19
                     text run at (0,0) width 268: "See description in the box on the right side"
-              RenderBlock (anonymous) at (4,899) size 743x235
+              RenderBlock (anonymous) at (4,899) size 746x235
                 RenderBR {BR} at (0,0) size 0x19
-              RenderBlock {HR} at (4,1142) size 743x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {DIV} at (4,1152) size 185x76 [bgcolor=#66CCFF]
-                RenderBlock {P} at (0,0) size 185x76
-                  RenderText {#text} at (0,0) size 185x76
-                    text run at (0,0) width 185: "This paragraph is inside a"
-                    text run at (0,19) width 185: "DIV which is floated left. Its"
-                    text run at (0,38) width 185: "background is blue and the"
+              RenderBlock {HR} at (4,1142) size 746x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1152) size 186x76 [bgcolor=#66CCFF]
+                RenderBlock {P} at (0,0) size 186x76
+                  RenderText {#text} at (0,0) size 186x76
+                    text run at (0,0) width 186: "This paragraph is inside a"
+                    text run at (0,19) width 186: "DIV which is floated left. Its"
+                    text run at (0,38) width 186: "background is blue and the"
                     text run at (0,57) width 87: "width is 25%."
-              RenderBlock (floating) {DIV} at (562,1152) size 185x76 [bgcolor=#FFFF00]
-                RenderBlock {P} at (0,0) size 185x76
-                  RenderText {#text} at (0,0) size 185x76
-                    text run at (0,0) width 185: "This paragraph is inside a"
-                    text run at (0,19) width 185: "DIV which is floated right."
-                    text run at (0,38) width 19: "Its "
-                    text run at (19,38) width 165: "background is yellow and"
+              RenderBlock (floating) {DIV} at (564,1152) size 186x76 [bgcolor=#FFFF00]
+                RenderBlock {P} at (0,0) size 186x76
+                  RenderText {#text} at (0,0) size 186x76
+                    text run at (0,0) width 186: "This paragraph is inside a"
+                    text run at (0,19) width 186: "DIV which is floated right."
+                    text run at (0,38) width 20: "Its "
+                    text run at (20,38) width 166: "background is yellow and"
                     text run at (0,57) width 110: "the width is 25%."
-              RenderBlock {P} at (4,1152) size 743x38
-                RenderText {#text} at (185,0) size 373x38
-                  text run at (185,0) width 373: "This paragraph should appear between a blue box (on the"
-                  text run at (185,19) width 29: "left) "
-                  text run at (214,19) width 199: "and a yellow box (on the right)."
-              RenderBlock (anonymous) at (4,1190) size 743x38
-                RenderBR {BR} at (185,0) size 0x19
-              RenderBlock {HR} at (4,1236) size 743x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {DIV} at (4,1246) size 557x133 [bgcolor=#66CCFF]
-                RenderBlock (floating) {DIV} at (408,0) size 139x38 [bgcolor=#FFFF00]
+              RenderBlock {P} at (4,1152) size 746x38
+                RenderText {#text} at (186,0) size 374x38
+                  text run at (186,0) width 374: "This paragraph should appear between a blue box (on the"
+                  text run at (186,19) width 29: "left) "
+                  text run at (215,19) width 199: "and a yellow box (on the right)."
+              RenderBlock (anonymous) at (4,1190) size 746x38
+                RenderBR {BR} at (186,0) size 0x19
+              RenderBlock {HR} at (4,1236) size 746x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1246) size 559x133 [bgcolor=#66CCFF]
+                RenderBlock (floating) {DIV} at (410,0) size 139x38 [bgcolor=#FFFF00]
                   RenderBlock {P} at (0,0) size 139x38
                     RenderText {#text} at (0,0) size 139x38
                       text run at (0,0) width 139: "See description in the"
                       text run at (0,19) width 124: "box on the left side."
-                RenderBlock {P} at (0,0) size 557x133
-                  RenderText {#text} at (0,0) size 556x133
-                    text run at (0,0) width 408: "This paragraph is inside a DIV which is floated left. The"
-                    text run at (0,19) width 408: "background of the DIV element is blue and its width is 75%."
+                RenderBlock {P} at (0,0) size 559x133
+                  RenderText {#text} at (0,0) size 558x133
+                    text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
+                    text run at (0,19) width 410: "background of the DIV element is blue and its width is 75%."
                     text run at (0,38) width 32: "This "
-                    text run at (32,38) width 366: "text should all be inside the blue rectangle. The blue DIV "
-                    text run at (398,38) width 158: "element has another DIV"
-                    text run at (0,57) width 216: "element as a child. It has a yellow "
-                    text run at (216,57) width 340: "background color and is floated to the right. Since it is"
+                    text run at (32,38) width 367: "text should all be inside the blue rectangle. The blue DIV "
+                    text run at (399,38) width 159: "element has another DIV"
+                    text run at (0,57) width 217: "element as a child. It has a yellow "
+                    text run at (217,57) width 341: "background color and is floated to the right. Since it is"
                     text run at (0,76) width 11: "a "
-                    text run at (11,76) width 405: "child of the blue DIV, the yellow DIV should appear inside the "
-                    text run at (416,76) width 139: "blue rectangle. Due to"
-                    text run at (0,95) width 250: "it being floated to the right and having "
-                    text run at (250,95) width 306: "a 10px right margin, the yellow rectange should"
+                    text run at (11,76) width 407: "child of the blue DIV, the yellow DIV should appear inside the "
+                    text run at (418,76) width 140: "blue rectangle. Due to"
+                    text run at (0,95) width 251: "it being floated to the right and having "
+                    text run at (251,95) width 307: "a 10px right margin, the yellow rectange should"
                     text run at (0,114) width 112: "have a 10px blue "
                     text run at (112,114) width 138: "stripe on its right side."
-              RenderBlock (anonymous) at (4,1246) size 743x133
-                RenderBR {BR} at (557,0) size 0x19
-              RenderBlock {HR} at (4,1387) size 743x2 [border: (1px inset #000000)]
+              RenderBlock (anonymous) at (4,1246) size 746x133
+                RenderBR {BR} at (559,0) size 0x19
+              RenderBlock {HR} at (4,1387) size 746x2 [border: (1px inset #000000)]
index 2d4d09f..0b50fb3 100644 (file)
@@ -1,35 +1,35 @@
-layer at (0,0) size 781x984
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x984
-  RenderBlock {HTML} at (0,0) size 781x984
-    RenderBody {BODY} at (8,8) size 765x968 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x984
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x984
+  RenderBlock {HTML} at (0,0) size 784x984
+    RenderBody {BODY} at (8,8) size 768x968 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x45
+      RenderBlock {PRE} at (0,35) size 768x45
         RenderText {#text} at (0,0) size 168x45
           text run at (0,0) width 160: ".one {height: 50px;}"
           text run at (160,0) width 0: " "
           text run at (0,15) width 168: ".two {height: 100px;}"
           text run at (168,15) width 0: " "
           text run at (0,30) width 0: " "
-      RenderBlock {HR} at (0,93) size 765x2 [border: (1px inset #000000)]
-      RenderBlock (anonymous) at (0,103) size 765x50
+      RenderBlock {HR} at (0,93) size 768x2 [border: (1px inset #000000)]
+      RenderBlock (anonymous) at (0,103) size 768x50
         RenderImage {IMG} at (0,0) size 50x50
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,169) size 765x19
+      RenderBlock {P} at (0,169) size 768x19
         RenderText {#text} at (0,0) size 275x19
           text run at (0,0) width 275: "The square above should be fifty pixels tall."
-      RenderBlock (anonymous) at (0,204) size 765x100
+      RenderBlock (anonymous) at (0,204) size 768x100
         RenderImage {IMG} at (0,0) size 100x100
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,320) size 765x19
+      RenderBlock {P} at (0,320) size 768x19
         RenderText {#text} at (0,0) size 335x19
           text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
-      RenderBlock (anonymous) at (0,355) size 765x100
+      RenderBlock (anonymous) at (0,355) size 768x100
         RenderImage {IMG} at (0,0) size 30x100
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,471) size 765x38
+      RenderBlock {P} at (0,471) size 768x38
         RenderText {#text} at (0,0) size 750x38
           text run at (0,0) width 750: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has"
           text run at (0,19) width 150: "been doubled using the "
@@ -38,34 +38,34 @@ layer at (0,0) size 781x984
             text run at (150,23) width 48: "height"
         RenderText {#text} at (198,19) size 66x19
           text run at (198,19) width 66: " property)."
-      RenderTable {TABLE} at (0,525) size 765x443 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x441
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,525) size 768x443 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x441
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x414
+          RenderTableRow {TR} at (0,27) size 766x414
             RenderTableCell {TD} at (0,220) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x414 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (4,4) size 743x50
+            RenderTableCell {TD} at (12,27) size 754x414 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (4,4) size 746x50
                 RenderImage {IMG} at (0,0) size 50x50
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,70) size 743x19
+              RenderBlock {P} at (4,70) size 746x19
                 RenderText {#text} at (0,0) size 275x19
                   text run at (0,0) width 275: "The square above should be fifty pixels tall."
-              RenderBlock (anonymous) at (4,105) size 743x100
+              RenderBlock (anonymous) at (4,105) size 746x100
                 RenderImage {IMG} at (0,0) size 100x100
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,221) size 743x19
+              RenderBlock {P} at (4,221) size 746x19
                 RenderText {#text} at (0,0) size 335x19
                   text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
-              RenderBlock (anonymous) at (4,256) size 743x100
+              RenderBlock (anonymous) at (4,256) size 746x100
                 RenderImage {IMG} at (0,0) size 30x100
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,372) size 743x38
+              RenderBlock {P} at (4,372) size 746x38
                 RenderText {#text} at (0,0) size 725x38
                   text run at (0,0) width 725: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size"
                   text run at (0,19) width 175: "has been doubled using the "
index 6371391..1b16b4b 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 783x2673
-  RenderView at (0,0) size 781x581
-layer at (0,0) size 781x2673
-  RenderBlock {HTML} at (0,0) size 781x2673
-    RenderBody {BODY} at (8,8) size 765x2657 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 786x2677
+  RenderView at (0,0) size 784x584
+layer at (0,0) size 784x2677
+  RenderBlock {HTML} at (0,0) size 784x2677
+    RenderBody {BODY} at (8,8) size 768x2661 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x105
+      RenderBlock {PRE} at (0,35) size 768x105
         RenderText {#text} at (0,0) size 360x105
           text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
           text run at (352,0) width 0: " "
@@ -22,145 +22,145 @@ layer at (0,0) size 781x2673
           text run at (168,75) width 0: " "
           text run at (0,90) width 360: ".six {margin: -10px; background-color: aqua;}"
           text run at (360,90) width 0: " "
-      RenderBlock {HR} at (0,153) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,171) size 765x38
+      RenderBlock {HR} at (0,153) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,171) size 768x38
         RenderText {#text} at (0,0) size 738x38
           text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
           text run at (0,19) width 248: "section 4.1.1 of the CSS1 specification."
-      RenderBlock {P} at (0,225) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,225) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (48,292) size 669x19 [bgcolor=#00FFFF]
+      RenderBlock {P} at (48,292) size 672x19 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 658x19
           text run at (0,0) width 658: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
-      RenderBlock {P} at (0,359) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,359) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (25,403) size 715x19 [bgcolor=#00FFFF]
+      RenderBlock {P} at (25,403) size 718x19 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 641x19
           text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
-      RenderBlock {P} at (0,447) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,447) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (80,546) size 605x38 [bgcolor=#00FFFF]
+      RenderBlock {P} at (80,546) size 608x38 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 586x38
           text run at (0,0) width 586: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
           text run at (0,19) width 25: "test."
-      RenderBlock {P} at (0,664) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,664) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (191,874) size 383x57 [bgcolor=#00FFFF]
+      RenderBlock {P} at (192,875) size 384x57 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 377x57
           text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
           text run at (0,19) width 376: "is calculated with respect to the width of the parent element."
           text run at (0,38) width 264: "This will require extra text in order to test."
-      RenderBlock {P} at (0,1122) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1124) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {UL} at (25,1166) size 715x126 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 675x19
+      RenderBlock {UL} at (25,1168) size 718x126 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 678x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 375x19
             text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
-        RenderListItem {LI} at (40,19) size 675x19
+        RenderListItem {LI} at (40,19) size 678x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 264x19
             text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (65,63) size 625x19
+        RenderListItem {LI} at (65,63) size 628x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 543x19
             text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
-        RenderListItem {LI} at (40,107) size 675x19
+        RenderListItem {LI} at (40,107) size 678x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 294x19
             text run at (0,0) width 294: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,1317) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1319) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (-10,1326) size 785x57 [bgcolor=#00FFFF]
+      RenderBlock {P} at (-10,1328) size 788x57 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 775x57
           text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
           text run at (0,19) width 369: "subsequent text up toward it, and a light blue background. "
           text run at (369,19) width 386: "In all other respects, however, the element should be normal. "
           text run at (755,19) width 20: "No"
           text run at (0,38) width 528: "styles have been applied to it besides the negative margin and the background color."
-      RenderBlock {P} at (0,1373) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1375) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderTable {TABLE} at (0,1392) size 765x1265 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x1263
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,1394) size 768x1267 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x1265
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x1236
-            RenderTableCell {TD} at (0,631) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,27) size 766x1238
+            RenderTableCell {TD} at (0,632) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x1236 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x38
+            RenderTableCell {TD} at (12,27) size 754x1238 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x38
                 RenderText {#text} at (0,0) size 738x38
                   text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
                   text run at (0,19) width 248: "section 4.1.1 of the CSS1 specification."
-              RenderBlock {P} at (4,58) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,58) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (52,125) size 647x38 [bgcolor=#00FFFF]
+              RenderBlock {P} at (52,125) size 650x38 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 629x38
                   text run at (0,0) width 629: "This sentence should have an overall margin of half an inch, which will require extra text in order to"
                   text run at (0,19) width 25: "test."
-              RenderBlock {P} at (4,211) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,211) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (29,255) size 693x19 [bgcolor=#00FFFF]
+              RenderBlock {P} at (29,255) size 696x19 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 641x19
                   text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
-              RenderBlock {P} at (4,299) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,299) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (84,398) size 583x38 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 570x38
-                  text run at (0,0) width 570: "This sentence should have an overall margin of 5 em, which will require extra text in order"
-                  text run at (0,19) width 41: "to test."
-              RenderBlock {P} at (4,516) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (84,398) size 586x38 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 586x38
+                  text run at (0,0) width 586: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
+                  text run at (0,19) width 25: "test."
+              RenderBlock {P} at (4,516) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (189,720) size 373x57 [bgcolor=#00FFFF]
+              RenderBlock {P} at (190,721) size 374x57 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 362x57
                   text run at (0,0) width 334: "This sentence should have an overall margin of 25%,"
                   text run at (0,19) width 362: "which is calculated with respect to the width of the parent"
                   text run at (0,38) width 57: "element. "
                   text run at (57,38) width 264: "This will require extra text in order to test."
-              RenderBlock {P} at (4,962) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,964) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {UL} at (29,1006) size 693x126 [bgcolor=#00FFFF]
-                RenderListItem {LI} at (40,0) size 653x19
+              RenderBlock {UL} at (29,1008) size 696x126 [bgcolor=#00FFFF]
+                RenderListItem {LI} at (40,0) size 656x19
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 375x19
                     text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
-                RenderListItem {LI} at (40,19) size 653x19
+                RenderListItem {LI} at (40,19) size 656x19
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 264x19
                     text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-                RenderListItem {LI} at (65,63) size 603x19
+                RenderListItem {LI} at (65,63) size 606x19
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 543x19
                     text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
-                RenderListItem {LI} at (40,107) size 653x19
+                RenderListItem {LI} at (40,107) size 656x19
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 294x19
                     text run at (0,0) width 294: "This list item has no special styles applied to it."
-              RenderBlock {P} at (4,1157) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,1159) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (-6,1166) size 763x57 [bgcolor=#00FFFF]
+              RenderBlock {P} at (-6,1168) size 766x57 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 758x57
                   text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
                   text run at (0,19) width 369: "subsequent text up toward it, and a light blue background. "
                   text run at (369,19) width 382: "In all other respects, however, the element should be normal."
                   text run at (0,38) width 552: "No styles have been applied to it besides the negative margin and the background color."
-              RenderBlock {P} at (4,1213) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,1215) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
index d741c69..4834ee5 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x1768
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1768
-  RenderBlock {HTML} at (0,0) size 781x1768
-    RenderBody {BODY} at (8,8) size 765x1752 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1770
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1770
+  RenderBlock {HTML} at (0,0) size 784x1770
+    RenderBody {BODY} at (8,8) size 768x1754 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x135
+      RenderBlock {PRE} at (0,35) size 768x135
         RenderText {#text} at (0,0) size 416x135
           text run at (0,0) width 408: ".zero {background-color: silver; margin-bottom: 0;}"
           text run at (408,0) width 0: " "
@@ -25,126 +25,126 @@ layer at (0,0) size 781x1768
           text run at (0,105) width 176: "P, UL {margin-top: 0;}"
           text run at (176,105) width 0: " "
           text run at (0,120) width 0: " "
-      RenderBlock {HR} at (0,183) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,193) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {HR} at (0,183) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,193) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,212) size 765x38 [bgcolor=#00FFFF]
+      RenderBlock {P} at (0,212) size 768x38 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 740x38
           text run at (0,0) width 740: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
           text run at (0,19) width 203: "margin isn't applied to each line."
-      RenderBlock {P} at (0,298) size 765x38 [bgcolor=#00FFFF]
+      RenderBlock {P} at (0,298) size 768x38 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 723x38
           text run at (0,0) width 723: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
           text run at (0,19) width 203: "margin isn't applied to each line."
-      RenderBlock {P} at (0,361) size 765x38 [bgcolor=#00FFFF]
+      RenderBlock {P} at (0,361) size 768x38 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 745x38
           text run at (0,0) width 745: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
           text run at (0,19) width 155: "isn't applied to each line."
-      RenderBlock {P} at (0,479) size 765x38 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 738x38
-          text run at (0,0) width 738: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin"
-          text run at (0,19) width 155: "isn't applied to each line."
-      RenderBlock {P} at (0,708) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,479) size 768x38 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 767x38
+          text run at (0,0) width 767: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin isn't"
+          text run at (0,19) width 126: "applied to each line."
+      RenderBlock {P} at (0,709) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,727) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,728) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 232x19
           text run at (0,0) width 232: "This element also has a class of zero."
-      RenderBlock {UL} at (0,746) size 765x101 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 725x19
+      RenderBlock {UL} at (0,747) size 768x101 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 728x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 424x19
             text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
-        RenderListItem {LI} at (40,19) size 725x19
+        RenderListItem {LI} at (40,19) size 728x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 264x19
             text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (40,38) size 725x19
+        RenderListItem {LI} at (40,38) size 728x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 591x19
             text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
-        RenderListItem {LI} at (40,82) size 725x19
+        RenderListItem {LI} at (40,82) size 728x19
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 294x19
             text run at (0,0) width 294: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,872) size 765x57 [bgcolor=#00FFFF]
+      RenderBlock {P} at (0,873) size 768x57 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 760x57
           text run at (0,0) width 748: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page,"
           text run at (0,19) width 123: "and no top margin. "
           text run at (123,19) width 488: "No other styles have been applied to it besides a light blue background color. "
           text run at (611,19) width 149: "In all other respects, the"
           text run at (0,38) width 166: "element should be normal."
-      RenderBlock {P} at (0,919) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,920) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,938) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,939) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 232x19
           text run at (0,0) width 232: "This element also has a class of zero."
-      RenderTable {TABLE} at (0,957) size 765x795 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x793
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,958) size 768x796 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x794
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x766
-            RenderTableCell {TD} at (0,396) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,27) size 766x767
+            RenderTableCell {TD} at (0,397) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x766 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x19 [bgcolor=#C0C0C0]
+            RenderTableCell {TD} at (12,27) size 754x767 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,23) size 743x38 [bgcolor=#00FFFF]
+              RenderBlock {P} at (4,23) size 746x38 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 740x38
                   text run at (0,0) width 740: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
                   text run at (0,19) width 203: "margin isn't applied to each line."
-              RenderBlock {P} at (4,109) size 743x38 [bgcolor=#00FFFF]
+              RenderBlock {P} at (4,109) size 746x38 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 723x38
                   text run at (0,0) width 723: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
                   text run at (0,19) width 203: "margin isn't applied to each line."
-              RenderBlock {P} at (4,172) size 743x38 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 697x38
-                  text run at (0,0) width 697: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the"
-                  text run at (0,19) width 203: "margin isn't applied to each line."
-              RenderBlock {P} at (4,290) size 743x38 [bgcolor=#00FFFF]
+              RenderBlock {P} at (4,172) size 746x38 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 745x38
+                  text run at (0,0) width 745: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
+                  text run at (0,19) width 155: "isn't applied to each line."
+              RenderBlock {P} at (4,290) size 746x38 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 738x38
                   text run at (0,0) width 738: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin"
                   text run at (0,19) width 155: "isn't applied to each line."
-              RenderBlock {P} at (4,513) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,514) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,532) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,533) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 232x19
                   text run at (0,0) width 232: "This element also has a class of zero."
-              RenderBlock {UL} at (4,551) size 743x101 [bgcolor=#00FFFF]
-                RenderListItem {LI} at (40,0) size 703x19
+              RenderBlock {UL} at (4,552) size 746x101 [bgcolor=#00FFFF]
+                RenderListItem {LI} at (40,0) size 706x19
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 424x19
                     text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
-                RenderListItem {LI} at (40,19) size 703x19
+                RenderListItem {LI} at (40,19) size 706x19
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 264x19
                     text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-                RenderListItem {LI} at (40,38) size 703x19
+                RenderListItem {LI} at (40,38) size 706x19
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 591x19
                     text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
-                RenderListItem {LI} at (40,82) size 703x19
+                RenderListItem {LI} at (40,82) size 706x19
                   RenderListMarker at (-18,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 294x19
                     text run at (0,0) width 294: "This list item has no special styles applied to it."
-              RenderBlock {P} at (4,677) size 743x57 [bgcolor=#00FFFF]
+              RenderBlock {P} at (4,678) size 746x57 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 717x57
                   text run at (0,0) width 710: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the"
                   text run at (0,19) width 161: "page, and no top margin. "
                   text run at (161,19) width 488: "No other styles have been applied to it besides a light blue background color. "
                   text run at (649,19) width 68: "In all other"
                   text run at (0,38) width 247: "respects, the element should be normal."
-              RenderBlock {P} at (4,724) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,725) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,743) size 743x19 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,744) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 232x19
                   text run at (0,0) width 232: "This element also has a class of zero."
index aa61f48..876e22d 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 781x759
-  RenderView at (0,0) size 781x600
-layer at (0,0) size 781x759
-  RenderBlock {HTML} at (0,0) size 781x759
-    RenderBody {BODY} at (8,8) size 765x743 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x740
+  RenderView at (0,0) size 784x600
+layer at (0,0) size 784x740
+  RenderBlock {HTML} at (0,0) size 784x740
+    RenderBody {BODY} at (8,8) size 768x724 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 768x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,35) size 765x45
+      RenderBlock {PRE} at (0,35) size 768x45
         RenderText {#text} at (0,0) size 360x45
           text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
           text run at (352,0) width 0: " "
@@ -14,11 +14,11 @@ layer at (0,0) size 781x759
           text run at (352,15) width 0: " "
           text run at (0,30) width 360: ".two {margin: -10px; background-color: aqua;}"
           text run at (360,30) width 0: " "
-      RenderBlock {HR} at (0,93) size 765x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,103) size 765x19 [bgcolor=#C0C0C0]
+      RenderBlock {HR} at (0,93) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,103) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,138) size 765x95 [bgcolor=#808080]
+      RenderBlock {P} at (0,138) size 768x76 [bgcolor=#808080]
         RenderText {#text} at (0,0) size 481x19
           text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
           text run at (393,0) width 88: "It contains an "
@@ -31,17 +31,16 @@ layer at (0,0) size 781x759
           RenderText {#text} at (673,0) size 752x38
             text run at (673,0) width 79: ", giving it an"
             text run at (0,19) width 231: "aqua background and a 25px margin"
-        RenderText {#text} at (256,19) size 753x76
+        RenderText {#text} at (256,19) size 766x57
           text run at (256,19) width 8: ". "
           text run at (264,19) width 489: "Margins on inline elements does not affect line-height calculations, so all lines"
           text run at (0,38) width 309: "in this element should have the same line-height. "
-          text run at (309,38) width 429: "However, there should be a 25px margin to the left side of the inline"
-          text run at (0,57) width 715: "box in the first line it appears, and a 25px margin to the right side of the inline element box in the last line where it"
-          text run at (0,76) width 52: "appears."
-      RenderBlock {P} at (0,249) size 765x19 [bgcolor=#C0C0C0]
+          text run at (309,38) width 457: "However, there should be a 25px margin to the left side of the inline box"
+          text run at (0,57) width 743: "in the first line it appears, and a 25px margin to the right side of the inline element box in the last line where it appears."
+      RenderBlock {P} at (0,230) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,284) size 765x76 [bgcolor=#808080]
+      RenderBlock {P} at (0,265) size 768x76 [bgcolor=#808080]
         RenderText {#text} at (0,0) size 481x19
           text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
           text run at (393,0) width 88: "It contains an "
@@ -54,31 +53,31 @@ layer at (0,0) size 781x759
           RenderText {#text} at (638,0) size 751x38
             text run at (638,0) width 113: ", giving it an aqua"
             text run at (0,19) width 202: "background and a -10px margin"
-        RenderText {#text} at (192,19) size 745x57
+        RenderText {#text} at (192,19) size 768x57
           text run at (192,19) width 8: ". "
           text run at (200,19) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
           text run at (0,38) width 267: "element should have the same line-height. "
-          text run at (267,38) width 478: "However, there should be a -10px margin to the left side of the inline box in"
-          text run at (0,57) width 732: "the first line it appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
-      RenderBlock {P} at (0,376) size 765x19 [bgcolor=#C0C0C0]
+          text run at (267,38) width 501: "However, there should be a -10px margin to the left side of the inline box in the"
+          text run at (0,57) width 709: "first line it appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
+      RenderBlock {P} at (0,357) size 768x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderTable {TABLE} at (0,395) size 765x348 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 763x346
-          RenderTableRow {TR} at (0,0) size 763x27
-            RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,376) size 768x348 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 766x346
+          RenderTableRow {TR} at (0,0) size 766x27
+            RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x19
                 RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,27) size 763x319
+          RenderTableRow {TR} at (0,27) size 766x319
             RenderTableCell {TD} at (0,173) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 751x319 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 743x19 [bgcolor=#C0C0C0]
+            RenderTableCell {TD} at (12,27) size 754x319 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 746x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,39) size 743x95 [bgcolor=#808080]
+              RenderBlock {P} at (4,39) size 746x95 [bgcolor=#808080]
                 RenderText {#text} at (0,0) size 481x19
                   text run at (0,0) width 393: "This elem