Reviewed by Darin.
authormjs <mjs@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 18 Aug 2005 04:23:11 +0000 (04:23 +0000)
committermjs <mjs@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 18 Aug 2005 04:23:11 +0000 (04:23 +0000)
        * layout-tests/fast/css/acid2.html: Replaced nonexistent remote URL that takes
a very long time to time out, with a nonexistent local URL.

        * kwq/KWQRenderTreeDebug.cpp:
        (externalRepresentation): Remove hack to turn off scrollbars.

- Updated many test results now that the layout tests properly do scrollbars when
appropriate

        * layout-tests/css1/basic/comments-expected.txt:
        * layout-tests/css1/basic/containment-expected.txt:
        * layout-tests/css1/basic/id_as_selector-expected.txt:
        * layout-tests/css1/basic/inheritance-expected.txt:
        * layout-tests/css1/box_properties/border-expected.txt:
        * layout-tests/css1/box_properties/border_bottom-expected.txt:
        * layout-tests/css1/box_properties/border_bottom_width-expected.txt:
        * layout-tests/css1/box_properties/border_left-expected.txt:
        * layout-tests/css1/box_properties/border_left_width-expected.txt:
        * layout-tests/css1/box_properties/border_right_inline-expected.txt:
        * layout-tests/css1/box_properties/border_right_width-expected.txt:
        * layout-tests/css1/box_properties/border_style-expected.txt:
        * layout-tests/css1/box_properties/border_top-expected.txt:
        * layout-tests/css1/box_properties/border_top_width-expected.txt:
        * layout-tests/css1/box_properties/border_width-expected.txt:
        * layout-tests/css1/box_properties/clear-expected.txt:
        * layout-tests/css1/box_properties/clear_float-expected.txt:
        * layout-tests/css1/box_properties/float_elements_in_series-expected.txt:
        * layout-tests/css1/box_properties/float_margin-expected.txt:
        * layout-tests/css1/box_properties/float_on_text_elements-expected.txt:
        * layout-tests/css1/box_properties/height-expected.txt:
        * layout-tests/css1/box_properties/margin-expected.txt:
        * layout-tests/css1/box_properties/margin_bottom-expected.txt:
        * layout-tests/css1/box_properties/margin_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_left-expected.txt:
        * layout-tests/css1/box_properties/margin_right-expected.txt:
        * layout-tests/css1/box_properties/margin_top-expected.txt:
        * layout-tests/css1/box_properties/padding-expected.txt:
        * layout-tests/css1/box_properties/padding_bottom-expected.txt:
        * layout-tests/css1/box_properties/padding_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_left-expected.txt:
        * layout-tests/css1/box_properties/padding_right-expected.txt:
        * layout-tests/css1/box_properties/padding_top-expected.txt:
        * layout-tests/css1/box_properties/width-expected.txt:
        * layout-tests/css1/cascade/cascade_order-expected.txt:
        * layout-tests/css1/classification/display-expected.txt:
        * layout-tests/css1/classification/list_style_type-expected.txt:
        * layout-tests/css1/classification/white_space-expected.txt:
        * layout-tests/css1/color_and_background/background-expected.txt:
        * layout-tests/css1/color_and_background/background_attachment-expected.txt:
        * layout-tests/css1/color_and_background/background_position-expected.txt:
        * layout-tests/css1/color_and_background/background_repeat-expected.txt:
        * layout-tests/css1/conformance/forward_compatible_parsing-expected.txt:
        * layout-tests/css1/font_properties/font-expected.txt:
        * layout-tests/css1/font_properties/font_family-expected.txt:
        * layout-tests/css1/font_properties/font_size-expected.txt:
        * layout-tests/css1/font_properties/font_weight-expected.txt:
        * layout-tests/css1/formatting_model/floating_elements-expected.txt:
        * layout-tests/css1/formatting_model/height_of_lines-expected.txt:
        * layout-tests/css1/formatting_model/horizontal_formatting-expected.txt:
        * layout-tests/css1/formatting_model/inline_elements-expected.txt:
        * layout-tests/css1/formatting_model/replaced_elements-expected.txt:
        * layout-tests/css1/formatting_model/vertical_formatting-expected.txt:
        * layout-tests/css1/pseudo/anchor-expected.txt:
        * layout-tests/css1/pseudo/firstletter-expected.txt:
        * layout-tests/css1/pseudo/firstline-expected.txt:
        * layout-tests/css1/pseudo/multiple_pseudo_elements-expected.txt:
        * layout-tests/css1/text_properties/letter_spacing-expected.txt:
        * layout-tests/css1/text_properties/line_height-expected.txt:
        * layout-tests/css1/text_properties/text-transCapitalize-expected.txt:
        * layout-tests/css1/text_properties/text_decoration-expected.txt:
        * layout-tests/css1/text_properties/text_indent-expected.txt:
        * layout-tests/css1/text_properties/text_transform-expected.txt:
        * layout-tests/css1/text_properties/vertical_align-expected.txt:
        * layout-tests/css1/text_properties/word_spacing-expected.txt:
        * layout-tests/css1/units/color_units-expected.txt:
        * layout-tests/css1/units/length_units-expected.txt:
        * layout-tests/dom/html/level2/html/HTMLBaseElement02-expected.txt:
        * layout-tests/editing/inserting/insert-div-023-expected.txt:
        * layout-tests/editing/selection/select-all-001-expected.txt:
        * layout-tests/editing/selection/select-all-002-expected.txt:
        * layout-tests/editing/selection/select-all-003-expected.txt:
        * layout-tests/editing/selection/select-all-004-expected.txt:
        * layout-tests/editing/selection/unrendered-001-expected.txt:
        * layout-tests/editing/selection/unrendered-002-expected.txt:
        * layout-tests/editing/selection/unrendered-003-expected.txt:
        * layout-tests/editing/selection/unrendered-004-expected.txt:
        * layout-tests/editing/selection/unrendered-005-expected.txt:
        * layout-tests/fast/block/basic/013-expected.txt:
        * layout-tests/fast/block/basic/016-expected.txt:
        * layout-tests/fast/block/float/008-expected.txt:
        * layout-tests/fast/block/float/013-expected.txt:
        * layout-tests/fast/block/float/019-expected.txt:
        * layout-tests/fast/block/float/021-expected.txt:
        * layout-tests/fast/block/float/025-expected.txt:
        * layout-tests/fast/block/float/026-expected.txt:
        * layout-tests/fast/block/float/027-expected.txt:
        * layout-tests/fast/block/float/028-expected.txt:
        * layout-tests/fast/block/float/032-expected.txt:
        * layout-tests/fast/block/float/033-expected.txt:
        * layout-tests/fast/block/margin-collapse/103-expected.txt:
        * layout-tests/fast/block/positioning/047-expected.txt:
        * layout-tests/fast/block/positioning/051-expected.txt:
        * layout-tests/fast/block/positioning/055-expected.txt:
        * layout-tests/fast/block/positioning/auto/007-expected.txt:
        * layout-tests/fast/css/005-expected.txt:
        * layout-tests/fast/css/MarqueeLayoutTest-expected.txt:
        * layout-tests/fast/css/word-space-extra-expected.txt:
        * layout-tests/fast/dom/attr_dead_doc-expected.txt:
        * layout-tests/fast/dom/features-expected.txt:
        * layout-tests/fast/dynamic/008-expected.txt:
        * layout-tests/fast/dynamic/flash-replacement-test-expected.txt:
        * layout-tests/fast/encoding/utf-16-big-endian-expected.txt:
        * layout-tests/fast/encoding/utf-16-little-endian-expected.txt:
        * layout-tests/fast/flexbox/016-expected.txt:
        * layout-tests/fast/forms/form-element-geometry-expected.txt:
        * layout-tests/fast/frames/001-expected.txt:
        * layout-tests/fast/frames/002-expected.txt:
        * layout-tests/fast/frames/contentWindow_Frame-expected.txt:
        * layout-tests/fast/frames/contentWindow_iFrame-expected.txt:
        * layout-tests/fast/frames/empty-frame-src-expected.txt:
        * layout-tests/fast/frames/frameElement-frame-expected.txt:
        * layout-tests/fast/frames/frameElement-iframe-expected.txt:
        * layout-tests/fast/frames/invalid-expected.txt:
        * layout-tests/fast/frames/valid-expected.txt:
        * layout-tests/fast/inline-block/003-expected.txt:
        * layout-tests/fast/js/window-object-cross-frame-calls-expected.txt:
        * layout-tests/fast/lists/008-expected.txt:
        * layout-tests/fast/replaced/005-expected.txt:
        * layout-tests/fast/replaced/007-expected.txt:
        * layout-tests/fast/selectors/166-expected.txt:
        * layout-tests/fast/table/023-expected.txt:
        * layout-tests/fast/table/034-expected.txt:
        * layout-tests/fast/table/040-expected.txt:
        * layout-tests/fast/table/border-collapsing/004-expected.txt:
        * layout-tests/fast/table/height-percent-test-expected.txt:
        * layout-tests/fast/table/wide-colspan-expected.txt:
        * layout-tests/fast/table/wide-column-expected.txt:
        * layout-tests/fast/text/whitespace/024-expected.txt:
        * layout-tests/fast/tokenizer/004-expected.txt:
        * layout-tests/traversal/tree-walker-004-expected.txt:

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

134 files changed:
LayoutTests/css1/basic/comments-expected.txt
LayoutTests/css1/basic/containment-expected.txt
LayoutTests/css1/basic/id_as_selector-expected.txt
LayoutTests/css1/basic/inheritance-expected.txt
LayoutTests/css1/box_properties/border-expected.txt
LayoutTests/css1/box_properties/border_bottom-expected.txt
LayoutTests/css1/box_properties/border_bottom_width-expected.txt
LayoutTests/css1/box_properties/border_left-expected.txt
LayoutTests/css1/box_properties/border_left_width-expected.txt
LayoutTests/css1/box_properties/border_right_inline-expected.txt
LayoutTests/css1/box_properties/border_right_width-expected.txt
LayoutTests/css1/box_properties/border_style-expected.txt
LayoutTests/css1/box_properties/border_top-expected.txt
LayoutTests/css1/box_properties/border_top_width-expected.txt
LayoutTests/css1/box_properties/border_width-expected.txt
LayoutTests/css1/box_properties/clear-expected.txt
LayoutTests/css1/box_properties/clear_float-expected.txt
LayoutTests/css1/box_properties/float_elements_in_series-expected.txt
LayoutTests/css1/box_properties/float_margin-expected.txt
LayoutTests/css1/box_properties/float_on_text_elements-expected.txt
LayoutTests/css1/box_properties/height-expected.txt
LayoutTests/css1/box_properties/margin-expected.txt
LayoutTests/css1/box_properties/margin_bottom-expected.txt
LayoutTests/css1/box_properties/margin_inline-expected.txt
LayoutTests/css1/box_properties/margin_left-expected.txt
LayoutTests/css1/box_properties/margin_right-expected.txt
LayoutTests/css1/box_properties/margin_top-expected.txt
LayoutTests/css1/box_properties/padding-expected.txt
LayoutTests/css1/box_properties/padding_bottom-expected.txt
LayoutTests/css1/box_properties/padding_inline-expected.txt
LayoutTests/css1/box_properties/padding_left-expected.txt
LayoutTests/css1/box_properties/padding_right-expected.txt
LayoutTests/css1/box_properties/padding_top-expected.txt
LayoutTests/css1/box_properties/width-expected.txt
LayoutTests/css1/cascade/cascade_order-expected.txt
LayoutTests/css1/classification/display-expected.txt
LayoutTests/css1/classification/list_style_type-expected.txt
LayoutTests/css1/classification/white_space-expected.txt
LayoutTests/css1/color_and_background/background-expected.txt
LayoutTests/css1/color_and_background/background_attachment-expected.txt
LayoutTests/css1/color_and_background/background_position-expected.txt
LayoutTests/css1/color_and_background/background_repeat-expected.txt
LayoutTests/css1/conformance/forward_compatible_parsing-expected.txt
LayoutTests/css1/font_properties/font-expected.txt
LayoutTests/css1/font_properties/font_family-expected.txt
LayoutTests/css1/font_properties/font_size-expected.txt
LayoutTests/css1/font_properties/font_weight-expected.txt
LayoutTests/css1/formatting_model/floating_elements-expected.txt
LayoutTests/css1/formatting_model/height_of_lines-expected.txt
LayoutTests/css1/formatting_model/horizontal_formatting-expected.txt
LayoutTests/css1/formatting_model/inline_elements-expected.txt
LayoutTests/css1/formatting_model/replaced_elements-expected.txt
LayoutTests/css1/formatting_model/vertical_formatting-expected.txt
LayoutTests/css1/pseudo/anchor-expected.txt
LayoutTests/css1/pseudo/firstletter-expected.txt
LayoutTests/css1/pseudo/firstline-expected.txt
LayoutTests/css1/pseudo/multiple_pseudo_elements-expected.txt
LayoutTests/css1/text_properties/letter_spacing-expected.txt
LayoutTests/css1/text_properties/line_height-expected.txt
LayoutTests/css1/text_properties/text-transCapitalize-expected.txt
LayoutTests/css1/text_properties/text_decoration-expected.txt
LayoutTests/css1/text_properties/text_indent-expected.txt
LayoutTests/css1/text_properties/text_transform-expected.txt
LayoutTests/css1/text_properties/vertical_align-expected.txt
LayoutTests/css1/text_properties/word_spacing-expected.txt
LayoutTests/css1/units/color_units-expected.txt
LayoutTests/css1/units/length_units-expected.txt
LayoutTests/dom/html/level2/html/HTMLBaseElement02-expected.txt
LayoutTests/editing/inserting/insert-div-023-expected.txt
LayoutTests/editing/selection/select-all-001-expected.txt
LayoutTests/editing/selection/select-all-002-expected.txt
LayoutTests/editing/selection/select-all-003-expected.txt
LayoutTests/editing/selection/select-all-004-expected.txt
LayoutTests/editing/selection/unrendered-001-expected.txt
LayoutTests/editing/selection/unrendered-002-expected.txt
LayoutTests/editing/selection/unrendered-003-expected.txt
LayoutTests/editing/selection/unrendered-004-expected.txt
LayoutTests/editing/selection/unrendered-005-expected.txt
LayoutTests/fast/block/basic/013-expected.txt
LayoutTests/fast/block/basic/016-expected.txt
LayoutTests/fast/block/float/008-expected.txt
LayoutTests/fast/block/float/013-expected.txt
LayoutTests/fast/block/float/019-expected.txt
LayoutTests/fast/block/float/021-expected.txt
LayoutTests/fast/block/float/025-expected.txt
LayoutTests/fast/block/float/026-expected.txt
LayoutTests/fast/block/float/027-expected.txt
LayoutTests/fast/block/float/028-expected.txt
LayoutTests/fast/block/float/032-expected.txt
LayoutTests/fast/block/float/033-expected.txt
LayoutTests/fast/block/margin-collapse/103-expected.txt
LayoutTests/fast/block/positioning/047-expected.txt
LayoutTests/fast/block/positioning/051-expected.txt
LayoutTests/fast/block/positioning/055-expected.txt
LayoutTests/fast/block/positioning/auto/007-expected.txt
LayoutTests/fast/css/005-expected.txt
LayoutTests/fast/css/MarqueeLayoutTest-expected.txt
LayoutTests/fast/css/acid2.html
LayoutTests/fast/css/word-space-extra-expected.txt
LayoutTests/fast/dom/attr_dead_doc-expected.txt
LayoutTests/fast/dom/features-expected.txt
LayoutTests/fast/dynamic/008-expected.txt
LayoutTests/fast/dynamic/flash-replacement-test-expected.txt
LayoutTests/fast/encoding/utf-16-big-endian-expected.txt
LayoutTests/fast/encoding/utf-16-little-endian-expected.txt
LayoutTests/fast/flexbox/016-expected.txt
LayoutTests/fast/forms/form-element-geometry-expected.txt
LayoutTests/fast/frames/001-expected.txt
LayoutTests/fast/frames/002-expected.txt
LayoutTests/fast/frames/contentWindow_Frame-expected.txt
LayoutTests/fast/frames/contentWindow_iFrame-expected.txt
LayoutTests/fast/frames/empty-frame-src-expected.txt
LayoutTests/fast/frames/frameElement-frame-expected.txt
LayoutTests/fast/frames/frameElement-iframe-expected.txt
LayoutTests/fast/frames/invalid-expected.txt
LayoutTests/fast/frames/valid-expected.txt
LayoutTests/fast/inline-block/003-expected.txt
LayoutTests/fast/js/window-object-cross-frame-calls-expected.txt
LayoutTests/fast/lists/008-expected.txt
LayoutTests/fast/replaced/005-expected.txt
LayoutTests/fast/replaced/007-expected.txt
LayoutTests/fast/selectors/166-expected.txt
LayoutTests/fast/table/023-expected.txt
LayoutTests/fast/table/034-expected.txt
LayoutTests/fast/table/040-expected.txt
LayoutTests/fast/table/border-collapsing/004-expected.txt
LayoutTests/fast/table/height-percent-test-expected.txt
LayoutTests/fast/table/wide-colspan-expected.txt
LayoutTests/fast/table/wide-column-expected.txt
LayoutTests/fast/text/whitespace/024-expected.txt
LayoutTests/fast/tokenizer/004-expected.txt
LayoutTests/traversal/tree-walker-004-expected.txt
WebCore/ChangeLog-2005-08-23
WebCore/kwq/KWQRenderTreeDebug.cpp

index 8167298..73d66b2 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x870
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x870
-  RenderBlock {HTML} at (0,0) size 800x870
-    RenderBody {BODY} at (8,8) size 784x854 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x870
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x870
+  RenderBlock {HTML} at (0,0) size 785x870
+    RenderBody {BODY} at (8,8) size 769x854 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x225
+      RenderBlock {PRE} at (0,34) size 769x225
         RenderText {TEXT} at (0,0) size 336x210
           text run at (0,0) width 232: "/* This is a CSS1 comment. */"
           text run at (0,15) width 336: ".one {color: green;} /* Another comment */"
@@ -22,29 +22,29 @@ layer at (0,0) size 800x870
           text run at (0,165) width 176: ".seven {color: green;}"
           text run at (0,180) width 128: "/* a comment **/"
           text run at (0,195) width 176: ".eight {color: green;}"
-      RenderBlock {HR} at (0,272) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,290) size 784x18 [color=#008000]
+      RenderBlock {HR} at (0,272) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,290) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,324) size 784x18
+      RenderBlock {P} at (0,324) size 769x18
         RenderText {TEXT} at (0,0) size 193x18
           text run at (0,0) width 193: "This sentence should be black."
-      RenderBlock {P} at (0,358) size 784x18 [color=#008000]
+      RenderBlock {P} at (0,358) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,392) size 784x18
+      RenderBlock {P} at (0,392) size 769x18
         RenderText {TEXT} at (0,0) size 193x18
           text run at (0,0) width 193: "This sentence should be black."
-      RenderBlock {P} at (0,426) size 784x18 [color=#008000]
+      RenderBlock {P} at (0,426) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,460) size 784x18 [color=#008000]
+      RenderBlock {P} at (0,460) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,494) size 784x18 [color=#008000]
+      RenderBlock {P} at (0,494) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,528) size 784x18 [color=#008000]
+      RenderBlock {P} at (0,528) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
       RenderTable {TABLE} at (0,562) size 216x292 [border: (1px outset #808080)]
index 5e62a49..1b2a53e 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x943
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x943
-  RenderBlock {HTML} at (0,0) size 800x943
-    RenderBody {BODY} at (8,8) size 784x927 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x961
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x961
+  RenderBlock {HTML} at (0,0) size 785x961
+    RenderBody {BODY} at (8,8) size 769x945 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x150
+      RenderBlock {PRE} at (0,34) size 769x150
         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 (0,15) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
@@ -18,8 +18,8 @@ layer at (0,0) size 800x943
           text run at (0,105) width 32: "<!--"
           text run at (0,120) width 168: "P.six {color: green;}"
           text run at (0,135) width 24: "-->"
-      RenderBlock {HR} at (0,197) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,215) size 784x18
+      RenderBlock {HR} at (0,197) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,215) size 769x18
         RenderText {TEXT} at (0,0) size 404x18
           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
@@ -27,7 +27,7 @@ layer at (0,0) size 800x943
             text run at (404,2) width 96: "linktest.css"
         RenderText {TEXT} at (500,0) size 254x18
           text run at (500,0) width 254: ", the reference to which is shown above."
-      RenderBlock {P} at (0,249) size 784x36
+      RenderBlock {P} at (0,249) size 769x36
         RenderText {TEXT} at (0,0) size 442x18
           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
@@ -41,8 +41,8 @@ layer at (0,0) size 800x943
         RenderText {TEXT} at (595,0) size 741x36
           text run at (595,0) width 146: " the external style sheet"
           text run at (0,18) width 325: "\"Alternate SS\" has been selected via the user agent."
-      RenderBlock {UL} at (0,301) size 784x54 [color=#FF0000]
-        RenderListItem {LI} at (40,0) size 744x18 [color=#008000]
+      RenderBlock {UL} at (0,301) size 769x54 [color=#FF0000]
+        RenderListItem {LI} at (40,0) size 729x18 [color=#008000]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 390x18
             text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
@@ -51,7 +51,7 @@ layer at (0,0) size 800x943
               text run at (390,2) width 208: "@import url(imptest1.css);"
           RenderText {TEXT} at (598,0) size 9x18
             text run at (598,0) width 9: "]."
-        RenderListItem {LI} at (40,18) size 744x18 [color=#800080]
+        RenderListItem {LI} at (40,18) size 729x18 [color=#800080]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 395x18
             text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
@@ -60,7 +60,7 @@ layer at (0,0) size 800x943
               text run at (395,2) width 184: "@import \"imptest1a.css\""
           RenderText {TEXT} at (579,0) size 9x18
             text run at (579,0) width 9: "]."
-        RenderListItem {LI} at (40,36) size 744x18 [color=#008000]
+        RenderListItem {LI} at (40,36) size 729x18 [color=#008000]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 393x18
             text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
@@ -69,23 +69,23 @@ layer at (0,0) size 800x943
               text run at (393,2) width 168: "STYLE=\"color: green;\""
           RenderText {TEXT} at (561,0) size 9x18
             text run at (561,0) width 9: "]."
-      RenderBlock {P} at (0,371) size 784x18 [color=#800080]
+      RenderBlock {P} at (0,371) size 769x18 [color=#800080]
         RenderText {TEXT} at (0,0) size 500x18
           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,405) size 784x54
-        RenderListItem {LI} at (40,0) size 744x18
+      RenderBlock {OL} at (0,405) size 769x54
+        RenderListItem {LI} at (40,0) size 729x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 201x18
             text run at (0,0) width 201: "This list should NOT be purple."
-        RenderListItem {LI} at (40,18) size 744x18
+        RenderListItem {LI} at (40,18) size 729x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 172x18
             text run at (0,0) width 172: "It should, instead, be black."
-        RenderListItem {LI} at (40,36) size 744x18
+        RenderListItem {LI} at (40,36) size 729x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 501x18
             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,475) size 784x36
+      RenderBlock {P} at (0,475) size 769x36
         RenderText {TEXT} at (0,0) size 697x18
           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"
@@ -99,30 +99,31 @@ layer at (0,0) size 800x943
             text run at (129,18) width 68: "section 3.0"
         RenderText {TEXT} at (197,18) size 275x18
           text run at (197,18) width 275: " of the CSS1 specification for more details)."
-      RenderBlock {P} at (0,527) size 784x18 [color=#008000]
+      RenderBlock {P} at (0,527) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This paragraph should be green."
-      RenderTable {TABLE} at (0,561) size 784x366 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 0x364
+      RenderTable {TABLE} at (0,561) size 769x384 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 0x382
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,182) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,191) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x338 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x18
+            RenderTableCell {TD} at (12,26) size 755x356 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x36
                 RenderText {TEXT} at (0,0) size 404x18
                   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
                   RenderText {TEXT} at (404,2) size 96x15
                     text run at (404,2) width 96: "linktest.css"
-                RenderText {TEXT} at (500,0) size 254x18
-                  text run at (500,0) width 254: ", the reference to which is shown above."
-              RenderBlock {P} at (4,38) size 762x36
+                RenderText {TEXT} at (500,0) size 708x36
+                  text run at (500,0) width 208: ", the reference to which is shown"
+                  text run at (0,18) width 42: "above."
+              RenderBlock {P} at (4,56) size 747x36
                 RenderText {TEXT} at (0,0) size 442x18
                   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
@@ -136,8 +137,8 @@ layer at (0,0) size 800x943
                 RenderText {TEXT} at (595,0) size 741x36
                   text run at (595,0) width 146: " the external style sheet"
                   text run at (0,18) width 325: "\"Alternate SS\" has been selected via the user agent."
-              RenderBlock {UL} at (4,90) size 762x54 [color=#FF0000]
-                RenderListItem {LI} at (40,0) size 722x18 [color=#008000]
+              RenderBlock {UL} at (4,108) size 747x54 [color=#FF0000]
+                RenderListItem {LI} at (40,0) size 707x18 [color=#008000]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 390x18
                     text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
@@ -146,7 +147,7 @@ layer at (0,0) size 800x943
                       text run at (390,2) width 208: "@import url(imptest1.css);"
                   RenderText {TEXT} at (598,0) size 9x18
                     text run at (598,0) width 9: "]."
-                RenderListItem {LI} at (40,18) size 722x18 [color=#800080]
+                RenderListItem {LI} at (40,18) size 707x18 [color=#800080]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 395x18
                     text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
@@ -155,7 +156,7 @@ layer at (0,0) size 800x943
                       text run at (395,2) width 184: "@import \"imptest1a.css\""
                   RenderText {TEXT} at (579,0) size 9x18
                     text run at (579,0) width 9: "]."
-                RenderListItem {LI} at (40,36) size 722x18 [color=#008000]
+                RenderListItem {LI} at (40,36) size 707x18 [color=#008000]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 393x18
                     text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
@@ -164,23 +165,23 @@ layer at (0,0) size 800x943
                       text run at (393,2) width 168: "STYLE=\"color: green;\""
                   RenderText {TEXT} at (561,0) size 9x18
                     text run at (561,0) width 9: "]."
-              RenderBlock {P} at (4,160) size 762x18 [color=#800080]
+              RenderBlock {P} at (4,178) size 747x18 [color=#800080]
                 RenderText {TEXT} at (0,0) size 500x18
                   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,194) size 762x54
-                RenderListItem {LI} at (40,0) size 722x18
+              RenderBlock {OL} at (4,212) size 747x54
+                RenderListItem {LI} at (40,0) size 707x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 201x18
                     text run at (0,0) width 201: "This list should NOT be purple."
-                RenderListItem {LI} at (40,18) size 722x18
+                RenderListItem {LI} at (40,18) size 707x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 172x18
                     text run at (0,0) width 172: "It should, instead, be black."
-                RenderListItem {LI} at (40,36) size 722x18
+                RenderListItem {LI} at (40,36) size 707x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 501x18
                     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,264) size 762x36
+              RenderBlock {P} at (4,282) size 747x36
                 RenderText {TEXT} at (0,0) size 697x18
                   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"
@@ -194,6 +195,6 @@ layer at (0,0) size 800x943
                     text run at (129,18) width 68: "section 3.0"
                 RenderText {TEXT} at (197,18) size 275x18
                   text run at (197,18) width 275: " of the CSS1 specification for more details)."
-              RenderBlock {P} at (4,316) size 762x18 [color=#008000]
+              RenderBlock {P} at (4,334) size 747x18 [color=#008000]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This paragraph should be green."
index fa51fa0..9bdcee5 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x627
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x627
-  RenderBlock {HTML} at (0,0) size 800x627
-    RenderBody {BODY} at (8,8) size 784x611 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x627
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x627
+  RenderBlock {HTML} at (0,0) size 785x627
+    RenderBody {BODY} at (8,8) size 769x611 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x120
+      RenderBlock {PRE} at (0,34) size 769x120
         RenderText {TEXT} at (0,0) size 272x120
           text run at (0,0) width 160: "#one {color: green;}"
           text run at (0,15) width 152: "#a1 {color: green;}"
@@ -16,14 +16,14 @@ layer at (0,0) size 800x627
           text run at (0,75) width 152: "#a2 {color: green;}"
           text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
           text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
-      RenderBlock {HR} at (0,167) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,185) size 784x18 [color=#008000]
+      RenderBlock {HR} at (0,167) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,185) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,219) size 784x18 [color=#008000]
+      RenderBlock {P} at (0,219) size 769x18 [color=#008000]
         RenderText {TEXT} at (0,0) size 194x18
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,253) size 784x18 [color=#0000FF]
+      RenderBlock {P} at (0,253) size 769x18 [color=#0000FF]
         RenderText {TEXT} at (0,0) size 200x18
           text run at (0,0) width 200: "This paragraph should be blue ["
         RenderInline {TT} at (0,0) size 64x15
@@ -31,14 +31,14 @@ layer at (0,0) size 800x627
             text run at (200,2) width 64: "ID=\"two\""
         RenderText {TEXT} at (264,0) size 9x18
           text run at (264,0) width 9: "]."
-      RenderBlock {PRE} at (0,287) size 784x15
+      RenderBlock {PRE} at (0,287) size 769x15
         RenderText {TEXT} at (0,0) size 392x15
           text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
-      RenderBlock {PRE} at (0,315) size 784x15
+      RenderBlock {PRE} at (0,315) size 769x15
         RenderText {TEXT} at (0,0) size 472x15
           text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
-      RenderBlock {UL} at (0,346) size 784x18
-        RenderListItem {LI} at (40,0) size 744x18
+      RenderBlock {UL} at (0,346) size 769x18
+        RenderListItem {LI} at (40,0) size 729x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 237x18
             text run at (0,0) width 237: "This sentence should NOT be purple."
index 10f812f..1a460e9 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x724
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x724
-  RenderBlock {HTML} at (0,0) size 800x724
-    RenderBody {BODY} at (8,8) size 784x708 [color=#008000] [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x724
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x724
+  RenderBlock {HTML} at (0,0) size 785x724
+    RenderBody {BODY} at (8,8) size 769x708 [color=#008000] [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x105
+      RenderBlock {PRE} at (0,34) size 769x105
         RenderText {TEXT} at (0,0) size 272x105
           text run at (0,0) width 160: "BODY {color: green;}"
           text run at (0,15) width 136: "H3 {color: blue;}"
@@ -15,8 +15,8 @@ layer at (0,0) size 800x724
           text run at (0,60) width 272: ".two {text-decoration: underline;}"
           text run at (0,75) width 152: "#two {color: navy;}"
           text run at (0,90) width 184: ".three {color: purple;}"
-      RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #008000)]
-      RenderBlock {H3} at (0,172) size 784x22 [color=#0000FF]
+      RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #008000)]
+      RenderBlock {H3} at (0,172) size 769x22 [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
@@ -29,7 +29,7 @@ layer at (0,0) size 800x724
             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,212) size 784x22 [color=#0000FF]
+      RenderBlock {H3} at (0,212) size 769x22 [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
@@ -37,7 +37,7 @@ layer at (0,0) size 800x724
             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,252) size 784x18
+      RenderBlock {P} at (0,252) size 769x18
         RenderText {TEXT} at (0,0) size 226x18
           text run at (0,0) width 226: "This should be green except for the "
         RenderInline {EM} at (0,0) size 117x18 [color=#800080]
@@ -45,10 +45,10 @@ layer at (0,0) size 800x724
             text run at (226,0) width 117: "emphasized words"
         RenderText {TEXT} at (343,0) size 160x18
           text run at (343,0) width 160: ", which should be purple."
-      RenderBlock {H3} at (0,288) size 784x22 [color=#0000FF]
+      RenderBlock {H3} at (0,288) size 769x22 [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,328) size 784x18
+      RenderBlock {P} at (0,328) size 769x18
         RenderText {TEXT} at (0,0) size 293x18
           text run at (0,0) width 293: "This sentence should be underlined, including "
         RenderInline {TT} at (0,0) size 72x15
@@ -71,7 +71,7 @@ layer at (0,0) size 800x724
             text run at (520,0) width 57: "this part"
         RenderText {TEXT} at (577,0) size 4x18
           text run at (577,0) width 4: "."
-      RenderBlock {P} at (0,362) size 784x18 [color=#000080]
+      RenderBlock {P} at (0,362) size 769x18 [color=#000080]
         RenderText {TEXT} at (0,0) size 436x18
           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
@@ -79,7 +79,7 @@ layer at (0,0) size 800x724
             text run at (436,2) width 152: "including this part"
         RenderText {TEXT} at (588,0) size 4x18
           text run at (588,0) width 4: "."
-      RenderBlock {P} at (0,396) size 784x18 [color=#800080]
+      RenderBlock {P} at (0,396) size 769x18 [color=#800080]
         RenderText {TEXT} at (0,0) size 266x18
           text run at (0,0) width 266: "This sentence should be purple, including "
         RenderInline {STRONG} at (0,0) size 57x18
index 060876c..20b4dfb 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1378
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1378
-  RenderBlock {HTML} at (0,0) size 800x1378
-    RenderBody {BODY} at (8,8) size 784x1362 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x1396
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1396
+  RenderBlock {HTML} at (0,0) size 785x1396
+    RenderBody {BODY} at (8,8) size 769x1380 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x135
+      RenderBlock {PRE} at (0,34) size 769x135
         RenderText {TEXT} at (0,0) size 272x135
           text run at (0,0) width 272: ".one {border: medium black solid;}"
           text run at (0,15) width 264: ".two {border: thin maroon ridge;}"
@@ -17,25 +17,25 @@ layer at (0,0) size 800x1378
           text run at (0,90) width 256: ".seven {border: left red solid;}"
           text run at (0,105) width 168: ".eight {border: 0px;}"
           text run at (0,120) width 232: "TD {border: 2px solid green;}"
-      RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,200) size 784x36
-        RenderText {TEXT} at (0,0) size 780x36
+      RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,200) size 769x36
+        RenderText {TEXT} at (0,0) size 748x36
           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 153: "This border applies only"
-          text run at (0,18) width 285: "to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,252) size 784x24 [border: (3px solid #000000)]
+          text run at (627,0) width 121: "This border applies"
+          text run at (0,18) width 317: "only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,252) size 769x24 [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 483x18
           text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
-      RenderBlock {P} at (0,292) size 784x20 [border: (1px ridge #800000)]
+      RenderBlock {P} at (0,292) size 769x20 [border: (1px ridge #800000)]
         RenderText {TEXT} at (1,1) size 480x18
           text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
-      RenderBlock {P} at (0,328) size 784x38 [border: (10px outset #008080)]
+      RenderBlock {P} at (0,328) size 769x38 [border: (10px outset #008080)]
         RenderText {TEXT} at (10,10) size 518x18
           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,382) size 784x38 [border: (10px inset #808000)]
+      RenderBlock {P} at (0,382) size 769x38 [border: (10px inset #808000)]
         RenderText {TEXT} at (10,10) size 519x18
           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,436) size 784x18
+      RenderBlock {P} at (0,436) size 769x18
         RenderText {TEXT} at (0,0) size 348x18
           text run at (0,0) width 348: "This paragraph should have no border around it, as the "
         RenderInline {TT} at (0,0) size 96x15
@@ -43,18 +43,19 @@ layer at (0,0) size 800x1378
             text run at (348,2) width 96: "border-style"
         RenderText {TEXT} at (444,0) size 323x18
           text run at (444,0) width 323: " was not set, and it should not be offset in any way."
-      RenderBlock {P} at (0,470) size 784x24 [border: (3px double #800000)]
+      RenderBlock {P} at (0,470) size 769x42 [border: (3px double #800000)]
         RenderText {TEXT} at (3,3) size 535x18
           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
           RenderText {TEXT} at (538,5) size 96x15
             text run at (538,5) width 96: "border-width"
-        RenderText {TEXT} at (634,3) size 140x18
-          text run at (634,3) width 140: " was not explicitly set."
-      RenderBlock {P} at (0,510) size 784x18
+        RenderText {TEXT} at (634,3) size 746x36
+          text run at (634,3) width 115: " was not explicitly"
+          text run at (3,21) width 21: "set."
+      RenderBlock {P} at (0,528) size 769x18
         RenderText {TEXT} at (0,0) size 621x18
           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,544) size 784x19
+      RenderBlock {P} at (0,562) size 769x19
         RenderInline {A} at (0,0) size 25x18
           RenderText {TEXT} at (0,1) size 25x18
             text run at (0,1) width 25: "The"
@@ -64,20 +65,20 @@ layer at (0,0) size 800x1378
           RenderImage {IMG} at (740,0) size 15x15
         RenderText {TEXT} at (755,1) size 4x18
           text run at (755,1) width 4: "."
-      RenderTable {TABLE} at (0,579) size 784x113 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,597) size 769x113 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x111
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
-              RenderText {TEXT} at (3,3) size 759x36
+            RenderTableCell {TD} at (5,5) size 757x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+              RenderText {TEXT} at (3,3) size 711x36
                 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 354: "This is also true of the table-testing section in the second"
-                text run at (3,21) width 127: "half of the test page."
+                text run at (408,3) 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,0) size 0x0
-            RenderTableCell {TD} at (5,67) size 197x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,67) size 194x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (3,3) size 53x18
                 text run at (3,3) width 53: "Cell one"
-            RenderTableCell {TD} at (207,52) size 570x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (3,3) size 564x18
+            RenderTableCell {TD} at (204,52) size 558x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,3) size 552x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
@@ -86,13 +87,13 @@ layer at (0,0) size 800x1378
                     RenderTableCell {TD} at (2,2) size 157x24 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (3,3) size 151x18
                         text run at (3,3) width 151: "Nested single-cell table!"
-      RenderBlock {P} at (0,708) size 784x18
+      RenderBlock {P} at (0,726) size 769x18
         RenderText {TEXT} at (0,0) size 175x18
           text run at (0,0) width 175: "This is an unstyled element."
-      RenderTable {TABLE} at (0,742) size 784x620 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,760) size 769x620 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x618
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (5,5) size 163x18
                   text run at (5,5) width 163: "TABLE Testing Section"
@@ -100,25 +101,25 @@ layer at (0,0) size 800x1378
             RenderTableCell {TD} at (0,309) size 14x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (5,5) size 4x18
                 text run at (5,5) width 4: " "
-            RenderTableCell {TD} at (14,28) size 768x590 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (5,5) size 758x36
-                RenderText {TEXT} at (0,0) size 748x36
+            RenderTableCell {TD} at (14,28) size 753x590 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (5,5) size 743x36
+                RenderText {TEXT} at (0,0) size 700x36
                   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,18) width 317: "only to the cells, not the rows which contain them."
-              RenderBlock {P} at (5,57) size 758x24 [border: (3px solid #000000)]
+                  text run at (627,0) width 73: "This border"
+                  text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (5,57) size 743x24 [border: (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 483x18
                   text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
-              RenderBlock {P} at (5,97) size 758x20 [border: (1px ridge #800000)]
+              RenderBlock {P} at (5,97) size 743x20 [border: (1px ridge #800000)]
                 RenderText {TEXT} at (1,1) size 480x18
                   text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
-              RenderBlock {P} at (5,133) size 758x38 [border: (10px outset #008080)]
+              RenderBlock {P} at (5,133) size 743x38 [border: (10px outset #008080)]
                 RenderText {TEXT} at (10,10) size 518x18
                   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,187) size 758x38 [border: (10px inset #808000)]
+              RenderBlock {P} at (5,187) size 743x38 [border: (10px inset #808000)]
                 RenderText {TEXT} at (10,10) size 519x18
                   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,241) size 758x36
+              RenderBlock {P} at (5,241) size 743x36
                 RenderText {TEXT} at (0,0) size 348x18
                   text run at (0,0) width 348: "This paragraph should have no border around it, as the "
                 RenderInline {TT} at (0,0) size 96x15
@@ -127,42 +128,42 @@ layer at (0,0) size 800x1378
                 RenderText {TEXT} at (444,0) size 732x36
                   text run at (444,0) width 288: " was not set, and it should not be offset in any"
                   text run at (0,18) width 31: "way."
-              RenderBlock {P} at (5,293) size 758x42 [border: (3px double #800000)]
+              RenderBlock {P} at (5,293) size 743x42 [border: (3px double #800000)]
                 RenderText {TEXT} at (3,3) size 535x18
                   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
                   RenderText {TEXT} at (538,5) size 96x15
                     text run at (538,5) width 96: "border-width"
-                RenderText {TEXT} at (634,3) size 746x36
-                  text run at (634,3) width 115: " was not explicitly"
-                  text run at (3,21) width 21: "set."
-              RenderBlock {P} at (5,351) size 758x18
+                RenderText {TEXT} at (634,3) size 684x36
+                  text run at (634,3) width 53: " was not"
+                  text run at (3,21) width 83: "explicitly set."
+              RenderBlock {P} at (5,351) size 743x18
                 RenderText {TEXT} at (0,0) size 621x18
                   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,385) size 758x37
+              RenderBlock {P} at (5,385) size 743x37
                 RenderInline {A} at (0,0) size 25x18
-                  RenderText {TEXT} at (0,1) size 25x18
-                    text run at (0,1) width 25: "The"
-                RenderText {TEXT} at (25,1) size 715x18
-                  text run at (25,1) 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: "
+                  RenderText {TEXT} at (0,0) size 25x18
+                    text run at (0,0) width 25: "The"
+                RenderText {TEXT} at (25,0) size 715x18
+                  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 15x18 [color=#0000FF]
-                  RenderImage {IMG} at (740,0) size 15x15
-                RenderText {TEXT} at (0,19) size 4x18
-                  text run at (0,19) width 4: "."
-              RenderTable {TABLE} at (5,438) size 758x113 [border: (1px outset #808080)]
+                  RenderImage {IMG} at (0,18) size 15x15
+                RenderText {TEXT} at (15,19) size 4x18
+                  text run at (15,19) width 4: "."
+              RenderTable {TABLE} at (5,438) size 743x113 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x111
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 746x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+                    RenderTableCell {TD} at (5,5) size 731x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
                       RenderText {TEXT} at (3,3) size 711x36
                         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,21) width 175: "second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,67) size 191x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,67) size 187x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (3,3) size 53x18
                         text run at (3,3) width 53: "Cell one"
-                    RenderTableCell {TD} at (201,52) size 550x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (3,3) size 544x18
+                    RenderTableCell {TD} at (197,52) size 539x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,3) size 533x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
@@ -171,6 +172,6 @@ layer at (0,0) size 800x1378
                             RenderTableCell {TD} at (2,2) size 157x24 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                               RenderText {TEXT} at (3,3) size 151x18
                                 text run at (3,3) width 151: "Nested single-cell table!"
-              RenderBlock {P} at (5,567) size 758x18
+              RenderBlock {P} at (5,567) size 743x18
                 RenderText {TEXT} at (0,0) size 175x18
                   text run at (0,0) width 175: "This is an unstyled element."
index e062941..3226370 100644 (file)
@@ -1,43 +1,43 @@
-layer at (0,0) size 800x995
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x995
-  RenderBlock {HTML} at (0,0) size 800x995
-    RenderBody {BODY} at (8,8) size 784x979 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x995
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x995
+  RenderBlock {HTML} at (0,0) size 785x995
+    RenderBody {BODY} at (8,8) size 769x979 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x60
+      RenderBlock {PRE} at (0,34) size 769x60
         RenderText {TEXT} at (0,0) size 344x60
           text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
           text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
           text run at (0,30) width 344: ".three {border-bottom: black medium solid;}"
           text run at (0,45) width 288: "TD {border-bottom: green 2px solid;}"
-      RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,125) size 784x36
-        RenderText {TEXT} at (0,0) size 779x36
+      RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,125) size 769x36
+        RenderText {TEXT} at (0,0) size 731x36
           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 121: "This border applies"
-          text run at (0,18) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,177) size 784x28 [border: (10px double #800080) none]
+          text run at (658,0) width 73: "This border"
+          text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,177) size 769x28 [border: (10px double #800080) none]
         RenderText {TEXT} at (0,0) size 438x18
           text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
-      RenderBlock {P} at (0,221) size 784x19 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,221) size 769x19 [border: (1px solid #800080) none]
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
-      RenderTable {TABLE} at (0,256) size 784x110 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,256) size 769x110 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x108
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderText {TEXT} at (2,2) size 759x36
+            RenderTableCell {TD} at (5,5) size 757x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderText {TEXT} at (2,2) size 736x36
                 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 306: "This is also true of the table-testing section in the"
-                text run at (2,20) width 175: "second half of the test page."
+                text run at (455,2) width 283: "This is also true of the table-testing section in"
+                text run at (2,20) width 198: "the second half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,65) size 196x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,65) 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 53x18
                 text run at (2,2) width 53: "Cell one"
-            RenderTableCell {TD} at (206,51) size 571x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,2) size 567x18
+            RenderTableCell {TD} at (202,51) size 560x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 556x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
@@ -46,43 +46,43 @@ layer at (0,0) size 800x995
                     RenderTableCell {TD} at (2,2) size 155x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (2,2) size 151x18
                         text run at (2,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,382) size 784x135
-        RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,0) size 744x18
+      RenderBlock {UL} at (0,382) size 769x135
+        RenderListItem {LI} at (40,0) size 729x75 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,0) size 729x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 118x18
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,18) size 744x54
-            RenderListItem {LI} at (40,0) size 704x18
+          RenderBlock {UL} at (0,18) size 729x54
+            RenderListItem {LI} at (40,0) size 689x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 73x18
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,18) size 704x18
+            RenderListItem {LI} at (40,18) size 689x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 115x18
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,36) size 704x18
+            RenderListItem {LI} at (40,36) size 689x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 176x18
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,75) size 729x21 [border: (3px solid #000000) none]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 158x18
             text run at (0,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,96) size 744x39 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,96) size 729x39 [border: (3px solid #000000) none]
           RenderListMarker at (0,0) size 0x14
-          RenderText {TEXT} at (0,0) size 734x36
-            text run at (0,0) width 734: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it"
-            text run at (0,18) width 92: "should appear "
+          RenderText {TEXT} at (0,0) size 722x36
+            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"
+            text run at (0,18) width 104: "it should appear "
           RenderInline {EM} at (0,0) size 50x18
-            RenderText {TEXT} at (92,18) size 50x18
-              text run at (92,18) width 50: "beneath"
-          RenderText {TEXT} at (142,18) size 390x18
-            text run at (142,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
-      RenderTable {TABLE} at (0,533) size 784x446 [border: (1px outset #808080)]
+            RenderText {TEXT} at (104,18) size 50x18
+              text run at (104,18) width 50: "beneath"
+          RenderText {TEXT} at (154,18) size 390x18
+            text run at (154,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
+      RenderTable {TABLE} at (0,533) size 769x446 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x444
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x27 [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 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
@@ -90,32 +90,32 @@ layer at (0,0) size 800x995
             RenderTableCell {TD} at (0,222) size 12x27 [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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,27) size 770x417 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x36
+            RenderTableCell {TD} at (12,27) size 755x417 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x36
                 RenderText {TEXT} at (0,0) size 731x36
                   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,18) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,56) size 762x28 [border: (10px double #800080) none]
+              RenderBlock {P} at (4,56) size 747x28 [border: (10px double #800080) none]
                 RenderText {TEXT} at (0,0) size 438x18
                   text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
-              RenderBlock {P} at (4,100) size 762x19 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,100) size 747x19 [border: (1px solid #800080) none]
                 RenderText {TEXT} at (0,0) size 355x18
                   text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
-              RenderTable {TABLE} at (4,135) size 762x110 [border: (1px outset #808080)]
+              RenderTable {TABLE} at (4,135) size 747x110 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x108
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 750x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-                      RenderText {TEXT} at (2,2) size 736x36
+                    RenderTableCell {TD} at (5,5) size 735x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {TEXT} at (2,2) size 720x36
                         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,20) width 198: "the second half of the test page."
+                        text run at (455,2) width 267: "This is also true of the table-testing section"
+                        text run at (2,20) width 214: "in the second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,65) size 190x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,65) 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 53x18
                         text run at (2,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,51) size 555x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,2) size 551x18
+                    RenderTableCell {TD} at (196,51) size 544x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 540x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
@@ -124,36 +124,36 @@ layer at (0,0) size 800x995
                             RenderTableCell {TD} at (2,2) size 155x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {TEXT} at (2,2) size 151x18
                                 text run at (2,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,261) size 762x135
-                RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,0) size 722x18
+              RenderBlock {UL} at (4,261) size 747x135
+                RenderListItem {LI} at (40,0) size 707x75 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,0) size 707x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 118x18
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,18) size 722x54
-                    RenderListItem {LI} at (40,0) size 682x18
+                  RenderBlock {UL} at (0,18) size 707x54
+                    RenderListItem {LI} at (40,0) size 667x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 73x18
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,18) size 682x18
+                    RenderListItem {LI} at (40,18) size 667x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 115x18
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,36) size 682x18
+                    RenderListItem {LI} at (40,36) size 667x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 176x18
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,75) size 707x21 [border: (3px solid #000000) none]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 158x18
                     text run at (0,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,96) size 722x39 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,96) size 707x39 [border: (3px solid #000000) none]
                   RenderListMarker at (0,0) size 0x14
-                  RenderText {TEXT} at (0,0) size 722x36
-                    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"
-                    text run at (0,18) width 104: "it should appear "
+                  RenderText {TEXT} at (0,0) size 695x36
+                    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"
+                    text run at (0,18) width 131: "that it should appear "
                   RenderInline {EM} at (0,0) size 50x18
-                    RenderText {TEXT} at (104,18) size 50x18
-                      text run at (104,18) width 50: "beneath"
-                  RenderText {TEXT} at (154,18) size 390x18
-                    text run at (154,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
+                    RenderText {TEXT} at (131,18) size 50x18
+                      text run at (131,18) width 50: "beneath"
+                  RenderText {TEXT} at (181,18) size 390x18
+                    text run at (181,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
index e2b0319..7fcc56f 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x877
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x877
-  RenderBlock {HTML} at (0,0) size 800x877
-    RenderBody {BODY} at (8,8) size 784x861 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x877
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x877
+  RenderBlock {HTML} at (0,0) size 785x877
+    RenderBody {BODY} at (8,8) size 769x861 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x90
+      RenderBlock {PRE} at (0,34) size 769x90
         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 (0,15) width 432: ".one {border-bottom-width: 50px; border-style: solid;}"
@@ -14,8 +14,8 @@ layer at (0,0) size 800x877
           text run at (0,45) width 464: ".three {border-bottom-width: medium; border-style: solid;}"
           text run at (0,60) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
           text run at (0,75) width 272: ".five {border-bottom-width: 25px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,155) size 784x18
+      RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,155) size 769x18
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -23,22 +23,22 @@ layer at (0,0) size 800x877
             text run at (157,2) width 96: "border-style"
         RenderText {TEXT} at (253,0) size 89x18
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x71 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,223) size 769x71 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 387x18
           text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
-      RenderBlock {P} at (0,310) size 784x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,310) size 769x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 344x18
           text run at (3,3) width 344: "This element should have a thick bottom border width."
-      RenderBlock {P} at (0,352) size 784x24 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,352) size 769x24 [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 364x18
           text run at (3,3) width 364: "This element should have a medium bottom border width."
-      RenderBlock {P} at (0,392) size 784x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,392) size 769x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 337x18
           text run at (3,3) width 337: "This element should have a thin bottom border width."
-      RenderBlock {P} at (0,430) size 784x18
+      RenderBlock {P} at (0,430) size 769x18
         RenderText {TEXT} at (0,0) size 537x18
           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
@@ -46,7 +46,7 @@ layer at (0,0) size 800x877
             text run at (537,2) width 96: "border-style"
         RenderText {TEXT} at (633,0) size 54x18
           text run at (633,0) width 54: " was set."
-      RenderBlock {P} at (0,464) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,464) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
       RenderTable {TABLE} at (0,498) size 709x363 [border: (1px outset #808080)]
index c08bb88..ad57b2c 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1028
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1028
-  RenderBlock {HTML} at (0,0) size 800x1028
-    RenderBody {BODY} at (8,8) size 784x1012 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (20,0) size 764x18
+layer at (0,0) size 785x1028
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1028
+  RenderBlock {HTML} at (0,0) size 785x1028
+    RenderBody {BODY} at (8,8) size 769x1012 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (20,0) size 749x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x105
+      RenderBlock {PRE} at (0,34) size 769x105
         RenderText {TEXT} at (0,0) size 344x105
           text run at (0,0) width 176: "P {margin-left: 20px;}"
           text run at (0,15) width 312: ".one {border-left: purple double 10px;}"
@@ -15,32 +15,32 @@ layer at (0,0) size 800x1028
           text run at (0,60) width 344: ".threeb {border-left: purple medium solid;}"
           text run at (0,75) width 328: ".threec {border-left: blue medium solid;}"
           text run at (0,90) width 272: "TD {border-left: green 2px solid;}"
-      RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (20,170) size 764x36
-        RenderText {TEXT} at (0,0) size 755x36
+      RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (20,170) size 749x36
+        RenderText {TEXT} at (0,0) size 707x36
           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 121: "This border applies"
-          text run at (0,18) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (20,222) size 764x18 [border: (10px double #800080)]
+          text run at (634,0) width 73: "This border"
+          text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (20,222) size 749x18 [border: (10px double #800080)]
         RenderText {TEXT} at (10,0) size 414x18
           text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
-      RenderBlock {P} at (20,256) size 764x18 [border: (1px solid #800080)]
+      RenderBlock {P} at (20,256) size 749x18 [border: (1px solid #800080)]
         RenderText {TEXT} at (1,0) size 331x18
           text run at (1,0) width 331: "This paragraph should have a thin purple left border."
-      RenderTable {TABLE} at (0,290) size 784x107 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,290) size 769x107 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x105
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (5,5) size 757x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderText {TEXT} at (3,2) size 735x36
                 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,20) width 175: "second half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,64) size 197x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (3,2) size 53x18
                 text run at (3,2) width 53: "Cell one"
-            RenderTableCell {TD} at (207,50) size 570x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (3,2) size 565x18
+            RenderTableCell {TD} at (203,50) size 559x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,2) size 554x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
@@ -49,40 +49,40 @@ layer at (0,0) size 800x1028
                     RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (3,2) size 151x18
                         text run at (3,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,413) size 784x144
-        RenderListItem {LI} at (40,0) size 744x72 [border: (3px solid #000000)]
-          RenderBlock (anonymous) at (3,0) size 741x18
+      RenderBlock {UL} at (0,413) size 769x144
+        RenderListItem {LI} at (40,0) size 729x72 [border: (3px solid #000000)]
+          RenderBlock (anonymous) at (3,0) size 726x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 118x18
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (3,18) size 741x54
-            RenderListItem {LI} at (40,0) size 701x18
+          RenderBlock {UL} at (3,18) size 726x54
+            RenderListItem {LI} at (40,0) size 686x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 73x18
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,18) size 701x18
+            RenderListItem {LI} at (40,18) size 686x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 115x18
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,36) size 701x18
+            RenderListItem {LI} at (40,36) size 686x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 176x18
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,72) size 744x18 [border: (3px solid #800080)]
+        RenderListItem {LI} at (40,72) size 729x18 [border: (3px solid #800080)]
           RenderListMarker at (3,0) size 0x14
           RenderText {TEXT} at (3,0) size 158x18
             text run at (3,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,90) size 744x54 [border: (3px solid #0000FF)]
+        RenderListItem {LI} at (40,90) size 729x54 [border: (3px solid #0000FF)]
           RenderListMarker at (3,0) size 0x14
           RenderText {TEXT} at (3,0) size 720x54
             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,18) 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,36) width 490: "the list item.\"), even though the nested list does not have any border styles set."
-      RenderTable {TABLE} at (0,573) size 784x439 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,573) size 769x439 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x437
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (5,4) size 163x18
                   text run at (5,4) width 163: "TABLE Testing Section"
@@ -90,32 +90,32 @@ layer at (0,0) size 800x1028
             RenderTableCell {TD} at (0,218) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (5,4) size 4x18
                 text run at (5,4) width 4: " "
-            RenderTableCell {TD} at (13,26) size 769x411 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (25,4) size 740x36
+            RenderTableCell {TD} at (13,26) size 754x411 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (25,4) size 725x36
                 RenderText {TEXT} at (0,0) size 707x36
                   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,18) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (25,56) size 740x18 [border: (10px double #800080)]
+              RenderBlock {P} at (25,56) size 725x18 [border: (10px double #800080)]
                 RenderText {TEXT} at (10,0) size 414x18
                   text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
-              RenderBlock {P} at (25,90) size 740x18 [border: (1px solid #800080)]
+              RenderBlock {P} at (25,90) size 725x18 [border: (1px solid #800080)]
                 RenderText {TEXT} at (1,0) size 331x18
                   text run at (1,0) width 331: "This paragraph should have a thin purple left border."
-              RenderTable {TABLE} at (5,124) size 760x107 [border: (1px outset #808080)]
+              RenderTable {TABLE} at (5,124) size 745x107 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x105
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 748x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
-                      RenderText {TEXT} at (3,2) size 735x36
+                    RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {TEXT} at (3,2) size 712x36
                         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,20) width 175: "second half of the test page."
+                        text run at (432,2) width 283: "This is also true of the table-testing section in"
+                        text run at (3,20) width 198: "the second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,64) size 191x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,64) size 187x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (3,2) size 53x18
                         text run at (3,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (201,50) size 552x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (3,2) size 547x18
+                    RenderTableCell {TD} at (197,50) size 541x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,2) size 536x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
@@ -124,32 +124,32 @@ layer at (0,0) size 800x1028
                             RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                               RenderText {TEXT} at (3,2) size 151x18
                                 text run at (3,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (5,247) size 760x144
-                RenderListItem {LI} at (40,0) size 720x72 [border: (3px solid #000000)]
-                  RenderBlock (anonymous) at (3,0) size 717x18
+              RenderBlock {UL} at (5,247) size 745x144
+                RenderListItem {LI} at (40,0) size 705x72 [border: (3px solid #000000)]
+                  RenderBlock (anonymous) at (3,0) size 702x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 118x18
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (3,18) size 717x54
-                    RenderListItem {LI} at (40,0) size 677x18
+                  RenderBlock {UL} at (3,18) size 702x54
+                    RenderListItem {LI} at (40,0) size 662x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 73x18
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,18) size 677x18
+                    RenderListItem {LI} at (40,18) size 662x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 115x18
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,36) size 677x18
+                    RenderListItem {LI} at (40,36) size 662x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 176x18
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,72) size 720x18 [border: (3px solid #800080)]
+                RenderListItem {LI} at (40,72) size 705x18 [border: (3px solid #800080)]
                   RenderListMarker at (3,0) size 0x14
                   RenderText {TEXT} at (3,0) size 158x18
                     text run at (3,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,90) size 720x54 [border: (3px solid #0000FF)]
+                RenderListItem {LI} at (40,90) size 705x54 [border: (3px solid #0000FF)]
                   RenderListMarker at (3,0) size 0x14
-                  RenderText {TEXT} at (3,0) size 704x54
+                  RenderText {TEXT} at (3,0) size 691x54
                     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."
-                    text run at (3,18) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
-                    text run at (3,36) width 534: "within the list item.\"), even though the nested list does not have any border styles set."
+                    text run at (3,18) 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 (3,36) width 597: "\"...nested within the list item.\"), even though the nested list does not have any border styles set."
index 95ea501..2693fff 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x805
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x805
-  RenderBlock {HTML} at (0,0) size 800x805
-    RenderBody {BODY} at (8,8) size 784x789 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x823
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x823
+  RenderBlock {HTML} at (0,0) size 785x823
+    RenderBody {BODY} at (8,8) size 769x807 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x90
+      RenderBlock {PRE} at (0,34) size 769x90
         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 (0,15) width 416: ".one {border-left-width: 50px; border-style: solid;}"
@@ -14,8 +14,8 @@ layer at (0,0) size 800x805
           text run at (0,45) width 448: ".three {border-left-width: medium; border-style: solid;}"
           text run at (0,60) width 424: ".four {border-left-width: thin; border-style: solid;}"
           text run at (0,75) width 256: ".five {border-left-width: 25px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,155) size 784x18
+      RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,155) size 769x18
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -23,24 +23,24 @@ layer at (0,0) size 800x805
             text run at (157,2) width 96: "border-style"
         RenderText {TEXT} at (253,0) size 89x18
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x42 [border: (3px solid #000000) (50px solid #000000)]
+      RenderBlock {P} at (0,223) size 769x42 [border: (3px solid #000000) (50px solid #000000)]
         RenderText {TEXT} at (50,3) size 713x36
           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,21) width 86: "one line long."
-      RenderBlock {P} at (0,281) size 784x24 [border: (3px solid #000000) (5px solid #000000)]
+      RenderBlock {P} at (0,281) size 769x24 [border: (3px solid #000000) (5px solid #000000)]
         RenderText {TEXT} at (5,3) size 760x18
           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,321) size 784x42 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,321) size 769x42 [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 744x36
           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,21) width 32: "long."
-      RenderBlock {P} at (0,379) size 784x24 [border: (3px solid #000000) (1px solid #000000)]
+      RenderBlock {P} at (0,379) size 769x24 [border: (3px solid #000000) (1px solid #000000)]
         RenderText {TEXT} at (1,3) size 753x18
           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,419) size 784x18
+      RenderBlock {P} at (0,419) size 769x18
         RenderText {TEXT} at (0,0) size 513x18
           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
@@ -48,19 +48,19 @@ layer at (0,0) size 800x805
             text run at (513,2) width 96: "border-style"
         RenderText {TEXT} at (609,0) size 54x18
           text run at (609,0) width 54: " was set."
-      RenderTable {TABLE} at (0,453) size 784x336 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 0x334
+      RenderTable {TABLE} at (0,453) size 769x354 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 0x352
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,167) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,176) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x308 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x18
+            RenderTableCell {TD} at (12,26) size 755x326 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18
                 RenderText {TEXT} at (0,0) size 157x18
                   text run at (0,0) width 157: "(These will only work if "
                 RenderInline {CODE} at (0,0) size 96x15
@@ -68,25 +68,26 @@ layer at (0,0) size 800x805
                     text run at (157,2) width 96: "border-style"
                 RenderText {TEXT} at (253,0) size 89x18
                   text run at (253,0) width 89: " is supported.)"
-              RenderBlock {P} at (4,38) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,38) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,72) size 762x42 [border: (3px solid #000000) (50px solid #000000)]
+              RenderBlock {P} at (4,72) size 747x42 [border: (3px solid #000000) (50px solid #000000)]
                 RenderText {TEXT} at (50,3) size 682x36
                   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,21) width 117: "than one line long."
-              RenderBlock {P} at (4,130) size 762x42 [border: (3px solid #000000) (5px solid #000000)]
+              RenderBlock {P} at (4,130) size 747x42 [border: (3px solid #000000) (5px solid #000000)]
                 RenderText {TEXT} at (5,3) size 724x36
                   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,21) width 32: "long."
-              RenderBlock {P} at (4,188) size 762x42 [border: (3px solid #000000)]
-                RenderText {TEXT} at (3,3) size 744x36
-                  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,21) width 32: "long."
-              RenderBlock {P} at (4,246) size 762x24 [border: (3px solid #000000) (1px solid #000000)]
-                RenderText {TEXT} at (1,3) size 753x18
-                  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 (4,286) size 762x18
+              RenderBlock {P} at (4,188) size 747x42 [border: (3px solid #000000)]
+                RenderText {TEXT} at (3,3) size 717x36
+                  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,21) width 59: "line long."
+              RenderBlock {P} at (4,246) size 747x42 [border: (3px solid #000000) (1px solid #000000)]
+                RenderText {TEXT} at (1,3) size 717x36
+                  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,21) width 32: "long."
+              RenderBlock {P} at (4,304) size 747x18
                 RenderText {TEXT} at (0,0) size 513x18
                   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 b842bfd..29f71b6 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1064
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1064
-  RenderBlock {HTML} at (0,0) size 800x1064
-    RenderBody {BODY} at (8,8) size 784x1048 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 764x18
+layer at (0,0) size 785x1082
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1082
+  RenderBlock {HTML} at (0,0) size 785x1082
+    RenderBody {BODY} at (8,8) size 769x1066 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 749x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x105
+      RenderBlock {PRE} at (0,34) size 769x105
         RenderText {TEXT} at (0,0) size 352x105
           text run at (0,0) width 184: "P {margin-right: 20px;}"
           text run at (0,15) width 320: ".one {border-right: purple double 10px;}"
@@ -15,32 +15,32 @@ layer at (0,0) size 800x1064
           text run at (0,60) width 352: ".threeb {border-right: purple medium solid;}"
           text run at (0,75) width 336: ".threec {border-right: blue medium solid;}"
           text run at (0,90) width 280: "TD {border-right: green 2px solid;}"
-      RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,170) size 764x36
-        RenderText {TEXT} at (0,0) size 764x36
+      RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,170) size 749x36
+        RenderText {TEXT} at (0,0) size 716x36
           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 121: "This border applies"
-          text run at (0,18) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,222) size 764x18 [border: (10px double #800080) none]
+          text run at (643,0) width 73: "This border"
+          text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,222) size 749x18 [border: (10px double #800080) none]
         RenderText {TEXT} at (0,0) size 423x18
           text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
-      RenderBlock {P} at (0,256) size 764x18 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,256) size 749x18 [border: (1px solid #800080) none]
         RenderText {TEXT} at (0,0) size 340x18
           text run at (0,0) width 340: "This paragraph should have a thin purple right border."
-      RenderTable {TABLE} at (0,290) size 784x107 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,290) size 769x107 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x105
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (5,5) size 757x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {TEXT} at (2,2) size 744x36
                 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,20) width 175: "second half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,64) size 196x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (2,2) size 53x18
                 text run at (2,2) width 53: "Cell one"
-            RenderTableCell {TD} at (206,50) size 571x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,2) size 566x18
+            RenderTableCell {TD} at (203,50) size 559x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 554x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
@@ -49,75 +49,74 @@ layer at (0,0) size 800x1064
                     RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (2,2) size 151x18
                         text run at (2,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,413) size 784x162
-        RenderListItem {LI} at (40,0) size 744x72 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,0) size 741x18
+      RenderBlock {UL} at (0,413) size 769x162
+        RenderListItem {LI} at (40,0) size 729x72 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,0) size 726x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 118x18
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,18) size 741x54
-            RenderListItem {LI} at (40,0) size 701x18
+          RenderBlock {UL} at (0,18) size 726x54
+            RenderListItem {LI} at (40,0) size 686x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 73x18
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,18) size 701x18
+            RenderListItem {LI} at (40,18) size 686x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 115x18
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,36) size 701x18
+            RenderListItem {LI} at (40,36) size 686x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 176x18
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,72) size 744x18 [border: (3px solid #800080) none]
+        RenderListItem {LI} at (40,72) size 729x18 [border: (3px solid #800080) none]
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 158x18
             text run at (0,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,90) size 744x72 [border: (3px solid #0000FF) none]
+        RenderListItem {LI} at (40,90) size 729x72 [border: (3px solid #0000FF) none]
           RenderListMarker at (0,0) size 0x14
-          RenderText {TEXT} at (0,0) size 733x72
-            text run at (0,0) width 704: "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 (704,0) width 25: "The"
-            text run at (0,18) 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 (0,36) width 494: "the list item.\"), even though the nested list does not have any border styles set. "
-            text run at (494,36) width 239: "The borders should line up together at"
-            text run at (0,54) width 551: "the right edge of the document's body, as each list element has a default width of 100%."
-      RenderTable {TABLE} at (0,591) size 784x457 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 0x455
+          RenderText {TEXT} at (0,0) size 707x72
+            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,18) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
+            text run at (0,36) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
+            text run at (538,36) width 169: "The borders should line up"
+            text run at (0,54) 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,591) size 769x475 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 0x473
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [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 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,227) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,236) size 13x26 [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 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (13,26) size 769x429 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 740x36
+            RenderTableCell {TD} at (13,26) size 754x447 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 725x36
                 RenderText {TEXT} at (0,0) size 716x36
                   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,18) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,56) size 740x18 [border: (10px double #800080) none]
+              RenderBlock {P} at (4,56) size 725x18 [border: (10px double #800080) none]
                 RenderText {TEXT} at (0,0) size 423x18
                   text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
-              RenderBlock {P} at (4,90) size 740x18 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,90) size 725x18 [border: (1px solid #800080) none]
                 RenderText {TEXT} at (0,0) size 340x18
                   text run at (0,0) width 340: "This paragraph should have a thin purple right border."
-              RenderTable {TABLE} at (4,124) size 760x107 [border: (1px outset #808080)]
+              RenderTable {TABLE} at (4,124) size 745x107 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x105
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 748x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+                    RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                       RenderText {TEXT} at (2,2) size 721x36
                         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,20) width 198: "the second half of the test page."
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,64) size 190x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,64) size 186x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (2,2) size 53x18
                         text run at (2,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,50) size 553x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,2) size 548x18
+                    RenderTableCell {TD} at (196,50) size 542x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 537x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
@@ -126,34 +125,35 @@ layer at (0,0) size 800x1064
                             RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {TEXT} at (2,2) size 151x18
                                 text run at (2,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,247) size 760x162
-                RenderListItem {LI} at (40,0) size 720x72 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,0) size 717x18
+              RenderBlock {UL} at (4,247) size 745x180
+                RenderListItem {LI} at (40,0) size 705x72 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,0) size 702x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 118x18
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,18) size 717x54
-                    RenderListItem {LI} at (40,0) size 677x18
+                  RenderBlock {UL} at (0,18) size 702x54
+                    RenderListItem {LI} at (40,0) size 662x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 73x18
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,18) size 677x18
+                    RenderListItem {LI} at (40,18) size 662x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 115x18
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,36) size 677x18
+                    RenderListItem {LI} at (40,36) size 662x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 176x18
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,72) size 720x18 [border: (3px solid #800080) none]
+                RenderListItem {LI} at (40,72) size 705x18 [border: (3px solid #800080) none]
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 158x18
                     text run at (0,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,90) size 720x72 [border: (3px solid #0000FF) none]
+                RenderListItem {LI} at (40,90) size 705x90 [border: (3px solid #0000FF) none]
                   RenderListMarker at (0,0) size 0x14
-                  RenderText {TEXT} at (0,0) size 707x72
+                  RenderText {TEXT} at (0,0) size 700x90
                     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,18) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
-                    text run at (0,36) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
-                    text run at (538,36) width 169: "The borders should line up"
-                    text run at (0,54) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
+                    text run at (0,18) 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,36) width 601: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
+                    text run at (601,36) width 76: "The borders"
+                    text run at (0,54) width 669: "should line up together at the right edge of the document's body, as each list element has a default width of"
+                    text run at (0,72) width 41: "100%."
index 405fc99..9c6ee0c 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x823
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x823
-  RenderBlock {HTML} at (0,0) size 800x823
-    RenderBody {BODY} at (8,8) size 784x807 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x841
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x841
+  RenderBlock {HTML} at (0,0) size 785x841
+    RenderBody {BODY} at (8,8) size 769x825 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x90
+      RenderBlock {PRE} at (0,34) size 769x90
         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 (0,15) width 424: ".one {border-right-width: 25px; border-style: solid;}"
@@ -14,8 +14,8 @@ layer at (0,0) size 800x823
           text run at (0,45) width 456: ".three {border-right-width: medium; border-style: solid;}"
           text run at (0,60) width 432: ".four {border-right-width: thin; border-style: solid;}"
           text run at (0,75) width 272: ".five {border-right-width: 100px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,155) size 784x18
+      RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,155) size 769x18
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -23,24 +23,25 @@ layer at (0,0) size 800x823
             text run at (157,2) width 96: "border-style"
         RenderText {TEXT} at (253,0) size 89x18
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
-        RenderText {TEXT} at (3,3) size 749x36
-          text run at (3,3) width 749: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than one"
-          text run at (3,21) width 59: "line long."
-      RenderBlock {P} at (0,281) size 784x24 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
-        RenderText {TEXT} at (3,3) size 769x18
-          text run at (3,3) width 769: "This element should have a thick right border width, which will be more obvious if the element is more than one line long."
-      RenderBlock {P} at (0,321) size 784x42 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,223) size 769x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+        RenderText {TEXT} at (3,3) size 722x36
+          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,21) width 86: "one line long."
+      RenderBlock {P} at (0,281) size 769x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+        RenderText {TEXT} at (3,3) size 733x36
+          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,21) width 32: "long."
+      RenderBlock {P} at (0,339) size 769x42 [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 753x36
           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,21) width 32: "long."
-      RenderBlock {P} at (0,379) size 784x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,397) size 769x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 762x18
           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,419) size 784x18
+      RenderBlock {P} at (0,437) size 769x18
         RenderText {TEXT} at (0,0) size 522x18
           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
@@ -48,10 +49,10 @@ layer at (0,0) size 800x823
             text run at (522,2) width 96: "border-style"
         RenderText {TEXT} at (618,0) size 54x18
           text run at (618,0) width 54: " was set."
-      RenderTable {TABLE} at (0,453) size 784x354 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,471) size 769x354 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x352
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
@@ -59,8 +60,8 @@ layer at (0,0) size 800x823
             RenderTableCell {TD} at (0,176) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x326 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x18
+            RenderTableCell {TD} at (12,26) size 755x326 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18
                 RenderText {TEXT} at (0,0) size 157x18
                   text run at (0,0) width 157: "(These will only work if "
                 RenderInline {CODE} at (0,0) size 96x15
@@ -68,26 +69,26 @@ layer at (0,0) size 800x823
                     text run at (157,2) width 96: "border-style"
                 RenderText {TEXT} at (253,0) size 89x18
                   text run at (253,0) width 89: " is supported.)"
-              RenderBlock {P} at (4,38) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,38) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,72) size 762x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
-                RenderText {TEXT} at (3,3) size 722x36
-                  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,21) width 86: "one line long."
-              RenderBlock {P} at (4,130) size 762x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,72) size 747x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+                RenderText {TEXT} at (3,3) size 691x36
+                  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,21) width 117: "than one line long."
+              RenderBlock {P} at (4,130) size 747x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 733x36
                   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,21) width 32: "long."
-              RenderBlock {P} at (4,188) size 762x42 [border: (3px solid #000000)]
-                RenderText {TEXT} at (3,3) size 753x36
-                  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,21) width 32: "long."
-              RenderBlock {P} at (4,246) size 762x42 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,188) size 747x42 [border: (3px solid #000000)]
+                RenderText {TEXT} at (3,3) size 726x36
+                  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,21) width 59: "line long."
+              RenderBlock {P} at (4,246) size 747x42 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                 RenderText {TEXT} at (3,3) size 726x36
                   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,21) width 32: "long."
-              RenderBlock {P} at (4,304) size 762x18
+              RenderBlock {P} at (4,304) size 747x18
                 RenderText {TEXT} at (0,0) size 522x18
                   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 525c027..228b40b 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1301
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1301
-  RenderBlock {HTML} at (0,0) size 800x1301
-    RenderBody {BODY} at (8,8) size 784x1285 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x1301
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1301
+  RenderBlock {HTML} at (0,0) size 785x1301
+    RenderBody {BODY} at (8,8) size 769x1285 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x180
+      RenderBlock {PRE} at (0,34) size 769x180
         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 (0,15) width 560: ".two {border-style: dashed; border-color: black; border-width: thick;}"
@@ -20,48 +20,48 @@ layer at (0,0) size 800x1301
           text run at (0,135) width 368: ".ten {border-style: double groove ridge inset;"
           text run at (0,150) width 368: "   border-color: purple; border-width: thick;}"
           text run at (0,165) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
-      RenderBlock {HR} at (0,227) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,245) size 784x28 [border: (5px dotted #000000)]
+      RenderBlock {HR} at (0,227) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,245) size 769x28 [border: (5px dotted #000000)]
         RenderText {TEXT} at (5,5) size 472x18
           text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
-      RenderBlock {P} at (0,289) size 784x28 [border: (5px dashed #000000)]
+      RenderBlock {P} at (0,289) size 769x28 [border: (5px dashed #000000)]
         RenderText {TEXT} at (5,5) size 477x18
           text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
-      RenderBlock {P} at (0,333) size 784x28 [border: (5px solid #000000)]
+      RenderBlock {P} at (0,333) size 769x28 [border: (5px solid #000000)]
         RenderText {TEXT} at (5,5) size 463x18
           text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
-      RenderBlock {P} at (0,377) size 784x28 [border: (5px double #000000)]
+      RenderBlock {P} at (0,377) size 769x28 [border: (5px double #000000)]
         RenderText {TEXT} at (5,5) size 476x18
           text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
-      RenderBlock {P} at (0,421) size 784x28 [border: (5px groove #808000)]
+      RenderBlock {P} at (0,421) size 769x28 [border: (5px groove #808000)]
         RenderText {TEXT} at (5,5) size 474x18
           text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
-      RenderBlock {P} at (0,465) size 784x28 [border: (5px ridge #808000)]
+      RenderBlock {P} at (0,465) size 769x28 [border: (5px ridge #808000)]
         RenderText {TEXT} at (5,5) size 462x18
           text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
-      RenderBlock {P} at (0,509) size 784x28 [border: (5px inset #808000)]
+      RenderBlock {P} at (0,509) size 769x28 [border: (5px inset #808000)]
         RenderText {TEXT} at (5,5) size 459x18
           text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
-      RenderBlock {P} at (0,553) size 784x28 [border: (5px outset #808000)]
+      RenderBlock {P} at (0,553) size 769x28 [border: (5px outset #808000)]
         RenderText {TEXT} at (5,5) size 467x18
           text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
-      RenderBlock {P} at (0,597) size 784x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+      RenderBlock {P} at (0,597) size 769x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
         RenderText {TEXT} at (5,5) size 744x36
           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,23) width 204: "sides should be based on purple."
-      RenderBlock {P} at (0,659) size 784x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
-        RenderText {TEXT} at (5,5) size 763x36
+      RenderBlock {P} at (0,659) size 769x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+        RenderText {TEXT} at (5,5) size 727x36
           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 61: "The color"
-          text run at (5,23) width 270: "of all four sides should be based on purple."
-      RenderBlock {P} at (0,721) size 784x18
+          text run at (707,5) width 25: "The"
+          text run at (5,23) width 306: "color of all four sides should be based on purple."
+      RenderBlock {P} at (0,721) size 769x18
         RenderText {TEXT} at (0,0) size 278x18
           text run at (0,0) width 278: "This paragraph should have no border at all."
-      RenderTable {TABLE} at (0,755) size 784x530 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,755) size 769x530 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x528
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
@@ -69,41 +69,41 @@ layer at (0,0) size 800x1301
             RenderTableCell {TD} at (0,264) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x502 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x28 [border: (5px dotted #000000)]
+            RenderTableCell {TD} at (12,26) size 755x502 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x28 [border: (5px dotted #000000)]
                 RenderText {TEXT} at (5,5) size 472x18
                   text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
-              RenderBlock {P} at (4,48) size 762x28 [border: (5px dashed #000000)]
+              RenderBlock {P} at (4,48) size 747x28 [border: (5px dashed #000000)]
                 RenderText {TEXT} at (5,5) size 477x18
                   text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
-              RenderBlock {P} at (4,92) size 762x28 [border: (5px solid #000000)]
+              RenderBlock {P} at (4,92) size 747x28 [border: (5px solid #000000)]
                 RenderText {TEXT} at (5,5) size 463x18
                   text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
-              RenderBlock {P} at (4,136) size 762x28 [border: (5px double #000000)]
+              RenderBlock {P} at (4,136) size 747x28 [border: (5px double #000000)]
                 RenderText {TEXT} at (5,5) size 476x18
                   text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
-              RenderBlock {P} at (4,180) size 762x28 [border: (5px groove #808000)]
+              RenderBlock {P} at (4,180) size 747x28 [border: (5px groove #808000)]
                 RenderText {TEXT} at (5,5) size 474x18
                   text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
-              RenderBlock {P} at (4,224) size 762x28 [border: (5px ridge #808000)]
+              RenderBlock {P} at (4,224) size 747x28 [border: (5px ridge #808000)]
                 RenderText {TEXT} at (5,5) size 462x18
                   text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
-              RenderBlock {P} at (4,268) size 762x28 [border: (5px inset #808000)]
+              RenderBlock {P} at (4,268) size 747x28 [border: (5px inset #808000)]
                 RenderText {TEXT} at (5,5) size 459x18
                   text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
-              RenderBlock {P} at (4,312) size 762x28 [border: (5px outset #808000)]
+              RenderBlock {P} at (4,312) size 747x28 [border: (5px outset #808000)]
                 RenderText {TEXT} at (5,5) size 467x18
                   text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
-              RenderBlock {P} at (4,356) size 762x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
-                RenderText {TEXT} at (5,5) size 744x36
+              RenderBlock {P} at (4,356) size 747x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+                RenderText {TEXT} at (5,5) size 714x36
                   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,23) width 204: "sides should be based on purple."
-              RenderBlock {P} at (4,418) size 762x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+                  text run at (622,5) width 97: "The color of all"
+                  text run at (5,23) width 234: "four sides should be based on purple."
+              RenderBlock {P} at (4,418) size 747x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
                 RenderText {TEXT} at (5,5) size 727x36
                   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,23) width 306: "color of all four sides should be based on purple."
-              RenderBlock {P} at (4,480) size 762x18
+              RenderBlock {P} at (4,480) size 747x18
                 RenderText {TEXT} at (0,0) size 278x18
                   text run at (0,0) width 278: "This paragraph should have no border at all."
index 2952ed4..79325b7 100644 (file)
@@ -1,43 +1,43 @@
-layer at (0,0) size 800x959
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x959
-  RenderBlock {HTML} at (0,0) size 800x959
-    RenderBody {BODY} at (8,8) size 784x943 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x959
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x959
+  RenderBlock {HTML} at (0,0) size 785x959
+    RenderBody {BODY} at (8,8) size 769x943 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x60
+      RenderBlock {PRE} at (0,34) size 769x60
         RenderText {TEXT} at (0,0) size 320x60
           text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
           text run at (0,15) width 296: ".two {border-top: purple thin solid;}"
           text run at (0,30) width 320: ".three {border-top: black medium solid;}"
           text run at (0,45) width 264: "TD {border-top: green 2px solid;}"
-      RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,125) size 784x36
+      RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,125) size 769x36
         RenderText {TEXT} at (0,0) size 755x36
           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,18) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,177) size 784x28 [border: (10px double #800080) none]
+      RenderBlock {P} at (0,177) size 769x28 [border: (10px double #800080) none]
         RenderText {TEXT} at (0,10) size 414x18
           text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
-      RenderBlock {P} at (0,221) size 784x19 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,221) size 769x19 [border: (1px solid #800080) none]
         RenderText {TEXT} at (0,1) size 331x18
           text run at (0,1) width 331: "This paragraph should have a thin purple top border."
-      RenderTable {TABLE} at (0,256) size 784x110 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,256) size 769x110 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x108
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,5) size 772x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (5,5) size 757x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {TEXT} at (2,3) size 735x36
                 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,21) width 175: "second half of the test page."
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (5,65) size 196x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (5,65) size 192x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (2,3) size 53x18
                 text run at (2,3) width 53: "Cell one"
-            RenderTableCell {TD} at (206,51) size 571x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,3) size 567x18
+            RenderTableCell {TD} at (202,51) size 560x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,3) size 556x18
                 RenderText {TEXT} at (0,0) size 54x18
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
@@ -46,37 +46,37 @@ layer at (0,0) size 800x959
                     RenderTableCell {TD} at (2,2) size 155x23 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (2,3) size 151x18
                         text run at (2,3) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,382) size 784x117
-        RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,3) size 744x18
+      RenderBlock {UL} at (0,382) size 769x117
+        RenderListItem {LI} at (40,0) size 729x75 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,3) size 729x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 118x18
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,21) size 744x54
-            RenderListItem {LI} at (40,0) size 704x18
+          RenderBlock {UL} at (0,21) size 729x54
+            RenderListItem {LI} at (40,0) size 689x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 73x18
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,18) size 704x18
+            RenderListItem {LI} at (40,18) size 689x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 115x18
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,36) size 704x18
+            RenderListItem {LI} at (40,36) size 689x18
               RenderListMarker at (0,0) size 0x14
               RenderText {TEXT} at (0,0) size 176x18
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,75) size 729x21 [border: (3px solid #000000) none]
           RenderListMarker at (0,3) size 0x14
           RenderText {TEXT} at (0,3) size 158x18
             text run at (0,3) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,96) size 744x21 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,96) size 729x21 [border: (3px solid #000000) none]
           RenderListMarker at (0,3) size 0x14
           RenderText {TEXT} at (0,3) size 480x18
             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,515) size 784x428 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,515) size 769x428 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x426
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,5) size 163x18
                   text run at (4,5) width 163: "TABLE Testing Section"
@@ -84,32 +84,32 @@ layer at (0,0) size 800x959
             RenderTableCell {TD} at (0,213) size 12x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,5) size 4x18
                 text run at (4,5) width 4: " "
-            RenderTableCell {TD} at (12,27) size 770x399 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,5) size 762x36
-                RenderText {TEXT} at (0,0) size 755x36
+            RenderTableCell {TD} at (12,27) size 755x399 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,5) size 747x36
+                RenderText {TEXT} at (0,0) size 707x36
                   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,18) width 317: "only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,57) size 762x28 [border: (10px double #800080) none]
+                  text run at (634,0) width 73: "This border"
+                  text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (4,57) size 747x28 [border: (10px double #800080) none]
                 RenderText {TEXT} at (0,10) size 414x18
                   text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
-              RenderBlock {P} at (4,101) size 762x19 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,101) size 747x19 [border: (1px solid #800080) none]
                 RenderText {TEXT} at (0,1) size 331x18
                   text run at (0,1) width 331: "This paragraph should have a thin purple top border."
-              RenderTable {TABLE} at (4,136) size 762x110 [border: (1px outset #808080)]
+              RenderTable {TABLE} at (4,136) size 747x110 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 0x108
                   RenderTableRow {TR} at (0,0) size 0x0
-                    RenderTableCell {TD} at (5,5) size 750x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-                      RenderText {TEXT} at (2,3) size 735x36
+                    RenderTableCell {TD} at (5,5) size 735x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {TEXT} at (2,3) size 712x36
                         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,21) width 175: "second half of the test page."
+                        text run at (431,3) 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,0) size 0x0
-                    RenderTableCell {TD} at (5,65) size 190x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                    RenderTableCell {TD} at (5,65) size 187x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {TEXT} at (2,3) size 53x18
                         text run at (2,3) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,51) size 555x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,3) size 551x18
+                    RenderTableCell {TD} at (197,51) size 543x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,3) size 539x18
                         RenderText {TEXT} at (0,0) size 54x18
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
@@ -118,30 +118,30 @@ layer at (0,0) size 800x959
                             RenderTableCell {TD} at (2,2) size 155x23 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {TEXT} at (2,3) size 151x18
                                 text run at (2,3) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,262) size 762x117
-                RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,3) size 722x18
+              RenderBlock {UL} at (4,262) size 747x117
+                RenderListItem {LI} at (40,0) size 707x75 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,3) size 707x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 118x18
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,21) size 722x54
-                    RenderListItem {LI} at (40,0) size 682x18
+                  RenderBlock {UL} at (0,21) size 707x54
+                    RenderListItem {LI} at (40,0) size 667x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 73x18
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,18) size 682x18
+                    RenderListItem {LI} at (40,18) size 667x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 115x18
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,36) size 682x18
+                    RenderListItem {LI} at (40,36) size 667x18
                       RenderListMarker at (0,0) size 0x14
                       RenderText {TEXT} at (0,0) size 176x18
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,75) size 707x21 [border: (3px solid #000000) none]
                   RenderListMarker at (0,3) size 0x14
                   RenderText {TEXT} at (0,3) size 158x18
                     text run at (0,3) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,96) size 722x21 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,96) size 707x21 [border: (3px solid #000000) none]
                   RenderListMarker at (0,3) size 0x14
                   RenderText {TEXT} at (0,3) size 480x18
                     text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
index ab621a2..58e9191 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x759
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x759
-  RenderBlock {HTML} at (0,0) size 800x759
-    RenderBody {BODY} at (8,8) size 784x743 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x759
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x759
+  RenderBlock {HTML} at (0,0) size 785x759
+    RenderBody {BODY} at (8,8) size 769x743 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x90
+      RenderBlock {PRE} at (0,34) size 769x90
         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 (0,15) width 408: ".one {border-top-width: 25px; border-style: solid;}"
@@ -14,8 +14,8 @@ layer at (0,0) size 800x759
           text run at (0,45) width 440: ".three {border-top-width: medium; border-style: solid;}"
           text run at (0,60) width 416: ".four {border-top-width: thin; border-style: solid;}"
           text run at (0,75) width 248: ".five {border-top-width: 25px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,155) size 784x18
+      RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,155) size 769x18
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -23,22 +23,22 @@ layer at (0,0) size 800x759
             text run at (157,2) width 96: "border-style"
         RenderText {TEXT} at (253,0) size 89x18
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x46 [border: (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,223) size 769x46 [border: (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,25) size 377x18
           text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
-      RenderBlock {P} at (0,285) size 784x26 [border: (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,285) size 769x26 [border: (5px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,5) size 334x18
           text run at (3,5) width 334: "This paragraph should have a thick top border width."
-      RenderBlock {P} at (0,327) size 784x24 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,327) size 769x24 [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 354x18
           text run at (3,3) width 354: "This paragraph should have a medium top border width."
-      RenderBlock {P} at (0,367) size 784x22 [border: (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,367) size 769x22 [border: (1px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,1) size 327x18
           text run at (3,1) width 327: "This paragraph should have a thin top border width."
-      RenderBlock {P} at (0,405) size 784x18
+      RenderBlock {P} at (0,405) size 769x18
         RenderText {TEXT} at (0,0) size 527x18
           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 3e26dea..41ffa77 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x903
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x903
-  RenderBlock {HTML} at (0,0) size 800x903
-    RenderBody {BODY} at (8,8) size 784x887 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x903
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x903
+  RenderBlock {HTML} at (0,0) size 785x903
+    RenderBody {BODY} at (8,8) size 769x887 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x90
+      RenderBlock {PRE} at (0,34) size 769x90
         RenderText {TEXT} at (0,0) size 408x90
           text run at (0,0) width 400: ".zero {background-color: silver; border-width: 0;}"
           text run at (0,15) width 376: ".one {border-width: 50px; border-style: solid;}"
@@ -14,8 +14,8 @@ layer at (0,0) size 800x903
           text run at (0,45) width 408: ".three {border-width: medium; border-style: solid;}"
           text run at (0,60) width 384: ".four {border-width: thin; border-style: solid;}"
           text run at (0,75) width 216: ".five {border-width: 25px;}"
-      RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,155) size 784x18
+      RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,155) size 769x18
         RenderText {TEXT} at (0,0) size 157x18
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -23,22 +23,22 @@ layer at (0,0) size 800x903
             text run at (157,2) width 96: "border-style"
         RenderText {TEXT} at (253,0) size 89x18
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x118 [border: (50px solid #000000)]
+      RenderBlock {P} at (0,223) size 769x118 [border: (50px solid #000000)]
         RenderText {TEXT} at (50,50) size 394x18
           text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
-      RenderBlock {P} at (0,357) size 784x28 [border: (5px solid #000000)]
+      RenderBlock {P} at (0,357) size 769x28 [border: (5px solid #000000)]
         RenderText {TEXT} at (5,5) size 343x18
           text run at (5,5) width 343: "This element should have a thick overall border width."
-      RenderBlock {P} at (0,401) size 784x24 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,401) size 769x24 [border: (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 363x18
           text run at (3,3) width 363: "This element should have a medium overall border width."
-      RenderBlock {P} at (0,441) size 784x20 [border: (1px solid #000000)]
+      RenderBlock {P} at (0,441) size 769x20 [border: (1px solid #000000)]
         RenderText {TEXT} at (1,1) size 336x18
           text run at (1,1) width 336: "This element should have a thin overall border width."
-      RenderBlock {P} at (0,477) size 784x18
+      RenderBlock {P} at (0,477) size 769x18
         RenderText {TEXT} at (0,0) size 498x18
           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 de62b18..f273703 100644 (file)
@@ -1,47 +1,47 @@
-layer at (0,0) size 800x961
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x961
-  RenderBlock {HTML} at (0,0) size 800x961
-    RenderBody {BODY} at (8,8) size 784x945 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x961
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x961
+  RenderBlock {HTML} at (0,0) size 785x961
+    RenderBody {BODY} at (8,8) size 769x945 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x60
+      RenderBlock {PRE} at (0,34) size 769x60
         RenderText {TEXT} at (0,0) size 168x60
           text run at (0,0) width 152: ".one {clear: left;}"
           text run at (0,15) width 160: ".two {clear: right;}"
           text run at (0,30) width 168: ".three {clear: both;}"
           text run at (0,45) width 160: ".four {clear: none;}"
-      RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
       RenderImage {IMG} at (0,117) size 15x50
-      RenderBlock {P} at (0,125) size 784x18
+      RenderBlock {P} at (0,125) size 769x18
         RenderText {TEXT} at (18,0) size 595x18
           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,159) size 784x18
+      RenderBlock (anonymous) at (0,159) size 769x18
         RenderBR {BR} at (18,0) size 0x18
       RenderImage {IMG} at (0,177) size 15x50
-      RenderBlock {P} at (0,227) size 784x18
+      RenderBlock {P} at (0,227) size 769x18
         RenderText {TEXT} at (0,0) size 649x18
           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,261) size 784x18
+      RenderBlock (anonymous) at (0,261) size 769x18
         RenderBR {BR} at (0,0) size 0x18
-      RenderImage {IMG} at (769,279) size 15x50
-      RenderBlock {P} at (0,329) size 784x18
+      RenderImage {IMG} at (754,279) size 15x50
+      RenderBlock {P} at (0,329) size 769x18
         RenderText {TEXT} at (0,0) size 658x18
           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,363) size 784x18
+      RenderBlock (anonymous) at (0,363) size 769x18
         RenderBR {BR} at (0,0) size 0x18
       RenderImage {IMG} at (0,381) size 15x50
-      RenderImage {IMG} at (769,381) size 15x50
-      RenderBlock {P} at (0,431) size 784x18
+      RenderImage {IMG} at (754,381) size 15x50
+      RenderBlock {P} at (0,431) size 769x18
         RenderText {TEXT} at (0,0) size 602x18
           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,465) size 15x50
-      RenderImage {IMG} at (769,465) size 15x50
-      RenderBlock {P} at (0,465) size 784x18
+      RenderImage {IMG} at (754,465) size 15x50
+      RenderBlock {P} at (0,465) size 769x18
         RenderText {TEXT} at (18,0) size 390x18
           text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
-      RenderBlock (anonymous) at (0,499) size 784x18
+      RenderBlock (anonymous) at (0,499) size 769x18
         RenderBR {BR} at (18,0) size 0x18
       RenderTable {TABLE} at (0,517) size 680x428 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x426
index 91f693b..85936d6 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x773
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x773
-  RenderBlock {HTML} at (0,0) size 800x773
-    RenderBody {BODY} at (8,8) size 784x757 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x791
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x791
+  RenderBlock {HTML} at (0,0) size 785x791
+    RenderBody {BODY} at (8,8) size 769x775 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,31) size 784x135
+      RenderBlock {PRE} at (0,31) size 769x135
         RenderText {TEXT} at (0,0) size 616x120
           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
           text run at (0,30) width 384: "DIV.menu {float: left; clear: left; width: 11em;"
@@ -15,7 +15,7 @@ layer at (0,0) size 800x773
           text run at (0,75) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
           text run at (0,90) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
           text run at (0,105) width 480: "             color: black; background: yellow; clear: none;}"
-      RenderBlock {HR} at (0,179) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {HR} at (0,179) size 769x2 [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,189) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
         RenderBlock {H1} at (8,8) size 176x22
           RenderText {TEXT} at (0,0) size 85x22
@@ -58,34 +58,34 @@ layer at (0,0) size 800x773
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 87x18
               text run at (0,0) width 87: "0.5em margin"
-      RenderBlock {DIV} at (224,189) size 528x221 [bgcolor=#FFFF00]
-        RenderBlock {H1} at (8,29) size 512x37
+      RenderBlock {DIV} at (224,189) size 513x221 [bgcolor=#FFFF00]
+        RenderBlock {H1} at (8,29) size 497x37
           RenderText {TEXT} at (0,0) size 275x37
             text run at (0,0) width 275: "The 'clear' property"
-        RenderBlock {P} at (8,87) size 512x90
-          RenderText {TEXT} at (0,0) size 512x90
-            text run at (0,0) width 512: "This page has two floating \"menus\" on the side; one has a green background,"
-            text run at (0,18) width 238: "and the other a blue background. "
-            text run at (238,18) width 274: "Due to settings on the 'float' and 'clear'"
-            text run at (0,36) width 512: "properties, the two menus should appear on the left side of the page, the blue"
-            text run at (0,54) width 512: "below the green. There should be a 10px gap between the two menus. There"
+        RenderBlock {P} at (8,87) size 497x90
+          RenderText {TEXT} at (0,0) size 497x90
+            text run at (0,0) width 497: "This page has two floating \"menus\" on the side; one has a green background,"
+            text run at (0,18) width 231: "and the other a blue background. "
+            text run at (231,18) width 266: "Due to settings on the 'float' and 'clear'"
+            text run at (0,36) width 497: "properties, the two menus should appear on the left side of the page, the blue"
+            text run at (0,54) width 497: "below the green. There should be a 10px gap between the two menus. There"
             text run at (0,72) width 459: "should also be a 10px gap between the top menu and the top of the page."
-        RenderBlock {P} at (8,177) size 512x36
-          RenderText {TEXT} at (0,0) size 512x36
-            text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
+        RenderBlock {P} at (8,177) size 497x36
+          RenderText {TEXT} at (0,0) size 497x36
+            text run at (0,0) width 497: "The top of the yellow rectangle (to which this paragraph belongs) should be"
             text run at (0,18) width 331: "vertically aligned with the top of the green rectangle."
-      RenderTable {TABLE} at (192,410) size 592x347 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 0x345
+      RenderTable {TABLE} at (192,410) size 577x365 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 0x363
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 590x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 575x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,172) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,181) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 578x319 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 563x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (floating) {DIV} at (4,4) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
                 RenderBlock {H1} at (8,8) size 176x22
                   RenderText {TEXT} at (0,0) size 85x22
@@ -128,24 +128,25 @@ layer at (0,0) size 800x773
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 87x18
                       text run at (0,0) width 87: "0.5em margin"
-              RenderBlock {DIV} at (228,4) size 314x311 [bgcolor=#FFFF00]
-                RenderBlock {H1} at (8,29) size 298x37
+              RenderBlock {DIV} at (228,4) size 299x329 [bgcolor=#FFFF00]
+                RenderBlock {H1} at (8,29) size 283x37
                   RenderText {TEXT} at (0,0) size 275x37
                     text run at (0,0) width 275: "The 'clear' property"
-                RenderBlock {P} at (8,87) size 298x162
-                  RenderText {TEXT} at (0,0) size 298x162
-                    text run at (0,0) width 298: "This page has two floating \"menus\" on the"
-                    text run at (0,18) width 298: "side; one has a green background, and the"
-                    text run at (0,36) width 161: "other a blue background. "
-                    text run at (161,36) width 137: "Due to settings on the"
-                    text run at (0,54) width 298: "'float' and 'clear' properties, the two menus"
-                    text run at (0,72) width 298: "should appear on the left side of the page, the"
-                    text run at (0,90) width 298: "blue below the green. There should be a 10px"
-                    text run at (0,108) width 298: "gap between the two menus. There should also"
-                    text run at (0,126) width 298: "be a 10px gap between the top menu and the"
-                    text run at (0,144) width 98: "top of the page."
-                RenderBlock {P} at (8,249) size 298x54
-                  RenderText {TEXT} at (0,0) size 298x54
-                    text run at (0,0) width 298: "The top of the yellow rectangle (to which this"
-                    text run at (0,18) width 298: "paragraph belongs) should be vertically aligned"
-                    text run at (0,36) width 219: "with the top of the green rectangle."
+                RenderBlock {P} at (8,87) size 283x180
+                  RenderText {TEXT} at (0,0) size 283x180
+                    text run at (0,0) width 283: "This page has two floating \"menus\" on the"
+                    text run at (0,18) width 283: "side; one has a green background, and the"
+                    text run at (0,36) width 165: "other a blue background. "
+                    text run at (165,36) width 118: "Due to settings on"
+                    text run at (0,54) width 283: "the 'float' and 'clear' properties, the two"
+                    text run at (0,72) width 283: "menus should appear on the left side of the"
+                    text run at (0,90) width 283: "page, the blue below the green. There"
+                    text run at (0,108) width 283: "should be a 10px gap between the two"
+                    text run at (0,126) width 283: "menus. There should also be a 10px gap"
+                    text run at (0,144) width 283: "between the top menu and the top of the"
+                    text run at (0,162) width 34: "page."
+                RenderBlock {P} at (8,267) size 283x54
+                  RenderText {TEXT} at (0,0) size 283x54
+                    text run at (0,0) width 283: "The top of the yellow rectangle (to which"
+                    text run at (0,18) width 283: "this paragraph belongs) should be vertically"
+                    text run at (0,36) width 269: "aligned with the top of the green rectangle."
index 1dec21e..4adfc16 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x699
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x699
-  RenderBlock {HTML} at (0,0) size 800x699
-    RenderBody {BODY} at (8,8) size 784x671 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x699
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x699
+  RenderBlock {HTML} at (0,0) size 785x699
+    RenderBody {BODY} at (8,8) size 769x671 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,31) size 784x195
+      RenderBlock {PRE} at (0,31) size 769x195
         RenderText {TEXT} at (0,0) size 512x180
           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
           text run at (0,30) width 336: "DIV.yellow, DIV.blue, DIV.red, DIV.green {"
@@ -19,10 +19,10 @@ layer at (0,0) size 800x699
           text run at (0,135) width 352: "DIV.green {background: green; color: white;}"
           text run at (0,150) width 192: "DIV.below {clear: both;}"
           text run at (0,165) width 200: "TABLE {margin: 20px 0px;}"
-      RenderBlock {HR} at (0,239) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,249) size 784x36
-        RenderText {TEXT} at (0,0) size 784x36
-          text run at (0,0) width 784: "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,239) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,249) size 769x36
+        RenderText {TEXT} at (0,0) size 769x36
+          text run at (0,0) width 769: "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,18) width 405: "indicates how the DIV elements should be laid out horizontally. "
           text run at (405,18) width 219: "They should align with each other."
       RenderBlock (floating) {DIV} at (0,295) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
@@ -41,7 +41,7 @@ layer at (0,0) size 800x699
         RenderBlock {P} at (40,40) size 60x18
           RenderText {TEXT} at (0,0) size 39x18
             text run at (0,0) width 39: "Green"
-      RenderBlock {DIV} at (0,403) size 784x19
+      RenderBlock {DIV} at (0,403) size 769x19
         RenderTable {TABLE} at (0,0) size 620x19
           RenderTableSection {TBODY} at (0,0) size 0x19
             RenderTableRow {TR} at (0,0) size 0x0
@@ -77,10 +77,10 @@ layer at (0,0) size 800x699
                 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,442) size 784x229 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,442) size 769x229 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x227
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
@@ -88,12 +88,12 @@ layer at (0,0) size 800x699
             RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x201 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x36
-                RenderText {TEXT} at (0,0) size 762x36
-                  text run at (0,0) width 762: "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,18) width 405: "indicates how the DIV elements should be laid out horizontally. "
-                  text run at (405,18) width 219: "They should align with each other."
+            RenderTableCell {TD} at (12,26) size 755x201 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x36
+                RenderText {TEXT} at (0,0) size 747x36
+                  text run at (0,0) width 747: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
+                  text run at (0,18) width 439: "page indicates how the DIV elements should be laid out horizontally. "
+                  text run at (439,18) width 219: "They should align with each other."
               RenderBlock (floating) {DIV} at (4,50) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
                 RenderBlock {P} at (40,40) size 60x18
                   RenderText {TEXT} at (0,0) size 47x18
@@ -110,7 +110,7 @@ layer at (0,0) size 800x699
                 RenderBlock {P} at (40,40) size 60x18
                   RenderText {TEXT} at (0,0) size 39x18
                     text run at (0,0) width 39: "Green"
-              RenderBlock {DIV} at (4,158) size 762x19
+              RenderBlock {DIV} at (4,158) size 747x19
                 RenderTable {TABLE} at (0,0) size 620x19
                   RenderTableSection {TBODY} at (0,0) size 0x19
                     RenderTableRow {TR} at (0,0) size 0x0
index 4784166..2407e1d 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1902
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1902
-  RenderBlock {HTML} at (0,0) size 800x1902
-    RenderBody {BODY} at (8,8) size 784x1886 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x1902
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1902
+  RenderBlock {HTML} at (0,0) size 785x1902
+    RenderBody {BODY} at (8,8) size 769x1886 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x135
+      RenderBlock {PRE} at (0,34) size 769x135
         RenderText {TEXT} at (0,0) size 560x120
           text run at (0,0) width 344: "P.test {background: white; font-size: 20px;"
           text run at (0,15) width 560: "        margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
@@ -16,73 +16,74 @@ layer at (0,0) size 800x1902
           text run at (0,75) width 368: "#img3 {margin-top: -30px; margin-left: -30px;}"
           text run at (0,90) width 384: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
           text run at (0,105) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
-      RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (30,204) size 744x92 [bgcolor=#FFFFFF]
-        RenderText {TEXT} at (0,0) size 738x92
+      RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (30,204) size 729x92 [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. "
           text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
-          text run at (564,23) width 166: "If the background of"
-          text run at (0,46) width 738: "the entire box is not white, this may cause problems with the following tests; at any rate, it"
-          text run at (0,69) width 223: "must be taken into account."
-      RenderBlock {P} at (30,316) size 744x115 [bgcolor=#FFFFFF]
+          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,316) size 729x115 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {TEXT} at (60,0) size 741x115
+        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"
           text run at (60,23) width 119: "nothing more. "
           text run at (179,23) width 540: "The edges of the white background should line up with the top and"
           text run at (60,46) width 196: "left edges of the image. "
-          text run at (256,46) width 485: "This paragraph should have a white background, first of all,"
-          text run at (0,69) width 397: "which extends to the edges of the element's box. "
-          text run at (397,69) width 335: "There is no padding set on this paragraph"
-          text run at (0,92) width 97: "whatsoever."
-      RenderBlock {P} at (30,451) size 744x115 [bgcolor=#FFFFFF]
+          text run at (256,46) width 454: "This paragraph should have a white background, first of"
+          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,451) size 729x115 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (30,30) size 60x60
-        RenderText {TEXT} at (90,0) size 741x115
-          text run at (90,0) width 649: "The image in the upper left corner of this paragraph should be pushed down and"
-          text run at (90,23) width 651: "to the right 30 pixels each from the upper left corner of the paragraph's box, and"
-          text run at (90,46) width 330: "displace the paragraph text accordingly. "
-          text run at (420,46) width 288: "This paragraph should have a white"
-          text run at (90,69) width 594: "background, first of all, which extends to the edges of the element's box. "
-          text run at (684,69) width 47: "There"
-          text run at (0,92) width 385: "is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,586) size 744x115 [bgcolor=#FFFFFF]
-        RenderImage {IMG} at (-30,-30) size 60x60
-        RenderText {TEXT} at (30,0) size 739x115
-          text run at (30,0) width 709: "The image in the upper left corner of this paragraph should be pushed up and to the left"
-          text run at (30,23) width 709: "30 pixels each from the upper left corner of the paragraph's box, thus causing the edges"
-          text run at (0,46) width 582: "of the white background to align with the thick gray lines in the image. "
-          text run at (582,46) width 122: "This paragraph"
-          text run at (0,69) width 715: "should have a white background, first of all, which extends to the edges of the element's"
+        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"
+          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 224: "This paragraph should have"
+          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,721) size 744x138 [bgcolor=#FFFFFF]
+      RenderBlock {P} at (30,586) size 729x115 [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"
+          text run at (30,23) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
+          text run at (0,46) width 633: "edges of the white background to align with the thick gray lines in the image. "
+          text run at (633,46) width 36: "This"
+          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,721) size 729x138 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {TEXT} at (90,0) size 730x138
+        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 640: "the edges of the white background should line up with the top and left edges of"
-          text run at (90,46) width 90: "the image. "
-          text run at (180,46) width 538: "However, there should be 30 pixels of space between the right and"
-          text run at (90,69) width 490: "bottom edges of the image and the paragraph text around it. "
-          text run at (580,69) width 122: "This paragraph"
-          text run at (0,92) width 715: "should have a white background, first of all, which extends to the edges of the element's"
-          text run at (0,115) width 40: "box. "
-          text run at (40,115) width 437: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,879) size 744x138 [bgcolor=#FFFFFF]
+          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,879) size 729x138 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {TEXT} at (30,0) size 732x138
+        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 700: "edges of the white background should line up with the top and left edges of the image."
-          text run at (0,46) width 707: "However, the text should overlap the image's right and bottom sides, lining up with the"
-          text run at (0,69) width 242: "thick gray lines in the image. "
-          text run at (242,69) width 485: "This paragraph should have a white background, first of all,"
-          text run at (0,92) width 397: "which extends to the edges of the element's box. "
-          text run at (397,92) width 335: "There is no padding set on this paragraph"
-          text run at (0,115) width 97: "whatsoever."
-      RenderTable {TABLE} at (0,1037) size 784x849 [border: (1px outset #808080)]
+          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 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."
+      RenderTable {TABLE} at (0,1037) size 769x849 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x847
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
@@ -90,59 +91,58 @@ layer at (0,0) size 800x1902
             RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (34,4) size 722x92 [bgcolor=#FFFFFF]
-                RenderText {TEXT} at (0,0) size 708x92
+            RenderTableCell {TD} at (12,26) size 755x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (34,4) size 707x92 [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. "
                   text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
-                  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 (34,116) size 722x115 [bgcolor=#FFFFFF]
+                  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 707x115 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {TEXT} at (60,0) size 719x115
+                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"
                   text run at (60,23) width 119: "nothing more. "
-                  text run at (179,23) width 540: "The edges of the white background should line up with the top and"
-                  text run at (60,46) width 196: "left edges of the image. "
-                  text run at (256,46) width 454: "This paragraph should have a white background, first of"
-                  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 (34,251) size 722x115 [bgcolor=#FFFFFF]
+                  text run at (179,23) width 506: "The edges of the white background should line up with the top"
+                  text run at (60,46) width 230: "and left edges of the image. "
+                  text run at (290,46) width 393: "This paragraph should have a white background,"
+                  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 707x115 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (30,30) size 60x60
-                RenderText {TEXT} at (90,0) size 718x115
+                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 224: "This paragraph should have"
-                  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 (34,386) size 722x115 [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"
-                  text run at (30,23) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
-                  text run at (0,46) width 633: "edges of the white background to align with the thick gray lines in the image. "
-                  text run at (633,46) width 36: "This"
-                  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 (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,521) size 722x138 [bgcolor=#FFFFFF]
+              RenderBlock {P} at (34,386) size 707x115 [bgcolor=#FFFFFF]
+                RenderImage {IMG} at (-30,-30) size 60x60
+                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 707x138 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {TEXT} at (90,0) size 719x138
+                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,"
                   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"
-                  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 (34,679) size 722x138 [bgcolor=#FFFFFF]
+                  text run at (253,46) width 430: "However, there should be 30 pixels of space between"
+                  text run at (90,69) width 593: "the right and bottom edges of the image and the paragraph text around it."
+                  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 707x138 [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"
index faa36b4..192b11b 100644 (file)
@@ -1,74 +1,75 @@
-layer at (0,0) size 800x2678
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x2678
-  RenderBlock {HTML} at (0,0) size 800x2678
-    RenderBody {BODY} at (8,8) size 784x2662 [bgcolor=#CCCCCC]
-      RenderBlock (floating) {P} at (0,0) size 392x36 [bgcolor=#FFFF00]
-        RenderText {TEXT} at (0,0) size 392x36
-          text run at (0,0) width 392: "This paragraph is of class \"one\". It has a width of 50% and is"
-          text run at (0,18) width 110: "floated to the left."
-      RenderBlock {P} at (0,0) size 784x72
-        RenderText {TEXT} at (392,0) size 784x72
-          text run at (392,0) width 392: "This paragraph should start on the right side of a yellow box"
-          text run at (392,18) width 392: "which contains the previous paragraph. Since the text of this"
-          text run at (0,36) width 784: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no padding,"
-          text run at (0,54) width 740: "border or margins on this and the previous element, so the text of the two elements should be very close to each other."
-      RenderBlock (anonymous) at (0,72) size 784x18
+layer at (0,0) size 785x2714
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x2714
+  RenderBlock {HTML} at (0,0) size 785x2714
+    RenderBody {BODY} at (8,8) size 769x2698 [bgcolor=#CCCCCC]
+      RenderBlock (floating) {P} at (0,0) size 384x36 [bgcolor=#FFFF00]
+        RenderText {TEXT} at (0,0) size 384x36
+          text run at (0,0) width 384: "This paragraph is of class \"one\". It has a width of 50% and"
+          text run at (0,18) width 124: "is floated to the left."
+      RenderBlock {P} at (0,0) size 769x90
+        RenderText {TEXT} at (384,0) size 769x90
+          text run at (384,0) width 385: "This paragraph should start on the right side of a yellow box"
+          text run at (384,18) width 385: "which contains the previous paragraph. Since the text of this"
+          text run at (0,36) width 769: "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,54) width 769: "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,72) width 36: "other."
+      RenderBlock (anonymous) at (0,90) size 769x18
         RenderBR {BR} at (0,0) size 0x18
-      RenderBlock {HR} at (0,98) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (0,108) size 784x72 [bgcolor=#FFFF00]
-        RenderText {TEXT} at (0,0) size 784x72
-          text run at (0,0) width 784: "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,18) width 784: "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,36) width 784: "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,116) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,126) size 769x72 [bgcolor=#FFFF00]
+        RenderText {TEXT} at (0,0) size 769x72
+          text run at (0,0) width 769: "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,18) width 769: "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,36) width 769: "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,54) width 217: "paragraph for diagnostic purposes."
-      RenderBlock (anonymous) at (0,108) size 784x91
+      RenderBlock (anonymous) at (0,126) size 769x91
         RenderImage {IMG} at (0,72) size 15x15
         RenderText {TEXT} at (15,73) size 4x18
           text run at (15,73) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,207) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (0,217) size 392x108 [bgcolor=#FFFF00]
-        RenderText {TEXT} at (0,0) size 392x108
-          text run at (0,0) width 392: "This paragraph is floated to the left and the orange square"
-          text run at (0,18) width 392: "image should appear to the right of the paragraph. This"
-          text run at (0,36) width 392: "paragraph has a yellow background and no padding, margin"
-          text run at (0,54) width 392: "or border. The right edge of this yellow box should be"
-          text run at (0,72) width 392: "horizontally aligned with the left edge of the yellow box"
+      RenderBlock {HR} at (0,225) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,235) size 384x108 [bgcolor=#FFFF00]
+        RenderText {TEXT} at (0,0) size 384x108
+          text run at (0,0) width 384: "This paragraph is floated to the left and the orange square"
+          text run at (0,18) width 384: "image should appear to the right of the paragraph. This"
+          text run at (0,36) width 384: "paragraph has a yellow background and no padding, margin"
+          text run at (0,54) width 384: "or border. The right edge of this yellow box should be"
+          text run at (0,72) width 384: "horizontally aligned with the left edge of the yellow box"
           text run at (0,90) width 79: "undernearth."
-      RenderBlock (anonymous) at (0,217) size 784x108
-        RenderImage {IMG} at (392,0) size 15x15
-        RenderText {TEXT} at (407,1) size 4x18
-          text run at (407,1) width 4: " "
+      RenderBlock (anonymous) at (0,235) size 769x108
+        RenderImage {IMG} at (384,0) size 15x15
+        RenderText {TEXT} at (399,1) size 4x18
+          text run at (399,1) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,333) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (392,343) size 392x108 [bgcolor=#FFFF00]
-        RenderText {TEXT} at (0,0) size 392x108
-          text run at (0,0) width 392: "This paragraph is floated to the right (using a STYLE"
-          text run at (0,18) width 392: "attribute) and the orange square image should appear to the"
-          text run at (0,36) width 392: "left of the paragraph. This paragraph has a yellow background"
-          text run at (0,54) width 392: "and no padding, margin or border. The left edge of this"
-          text run at (0,72) width 392: "yellow box should be horizonally aligned with the right edge"
-          text run at (0,90) width 157: "of the yellow box above."
-      RenderBlock (anonymous) at (0,343) size 784x108
+      RenderBlock {HR} at (0,351) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (385,361) size 384x108 [bgcolor=#FFFF00]
+        RenderText {TEXT} at (0,0) size 384x108
+          text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE"
+          text run at (0,18) width 384: "attribute) and the orange square image should appear to the"
+          text run at (0,36) width 384: "left of the paragraph. This paragraph has a yellow"
+          text run at (0,54) width 384: "background and no padding, margin or border. The left edge"
+          text run at (0,72) width 384: "of this yellow box should be horizonally aligned with the"
+          text run at (0,90) width 224: "right edge of the yellow box above."
+      RenderBlock (anonymous) at (0,361) size 769x108
         RenderImage {IMG} at (0,0) size 15x15
         RenderText {TEXT} at (15,1) size 4x18
           text run at (15,1) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-      RenderBlock {HR} at (0,459) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,469) size 784x54
+      RenderBlock {HR} at (0,477) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,487) size 769x54
         RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
           RenderText {TEXT} at (0,0) size 21x37
             text run at (0,0) width 21: "T"
-        RenderText {TEXT} at (48,0) size 736x54
-          text run at (48,0) width 736: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as well"
-          text run at (48,18) width 481: "as bold, with a content width of 1.5em and a background-color of silver. "
-          text run at (529,18) width 255: "The top of the big letter \"T\" should be"
-          text run at (48,36) width 656: "vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
-      RenderBlock (anonymous) at (0,523) size 784x18
+        RenderText {TEXT} at (48,0) size 721x54
+          text run at (48,0) width 721: "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,18) width 496: "well as bold, with a content width of 1.5em and a background-color of silver. "
+          text run at (544,18) width 225: "The top of the big letter \"T\" should"
+          text run at (48,36) 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,541) size 769x18
         RenderBR {BR} at (0,0) size 0x18
-      RenderBlock {HR} at (0,549) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (438,569) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+      RenderBlock {HR} at (0,567) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (423,587) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
         RenderText {TEXT} at (8,8) size 320x180
           text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
           text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
@@ -80,28 +81,28 @@ layer at (0,0) size 800x2678
           text run at (8,134) width 320: "element has a 10px wide margin around it where"
           text run at (8,152) width 320: "the blue background of the paragraph in the"
           text run at (8,170) width 217: "normal flow should shine through."
-      RenderBlock {P} at (0,559) size 784x198 [bgcolor=#66CCFF]
-        RenderText {TEXT} at (0,0) size 428x198
-          text run at (0,0) width 428: "This paragraph is not floating. If there is enough room, the textual"
-          text run at (0,18) width 428: "content of the paragraph should appear on the left side of the yellow"
-          text run at (0,36) width 157: "\"sidebar\" on the right. "
-          text run at (157,36) width 271: "The content of this element should flow"
-          text run at (0,54) width 183: "around the floated element. "
-          text run at (183,54) width 245: "However, the floated element may or"
-          text run at (0,72) width 428: "may not be obscured by the blue background of this element, as the"
-          text run at (0,90) width 353: "specification does not say which is drawn \"on top.\" "
-          text run at (353,90) width 75: "Even if the"
-          text run at (0,108) width 428: "floated element is obscured, it still forces the content of this element"
-          text run at (0,126) width 121: "to flow around it. "
-          text run at (121,126) width 307: "If the floated element is not obscured, then the"
-          text run at (0,144) width 428: "blue rectangle of this paragraph should extend 10px above and to"
-          text run at (0,162) width 428: "the right of the sidebar's red border, due to the margin styles set for"
-          text run at (0,180) width 123: "the floated element."
-      RenderBlock (anonymous) at (0,757) size 784x18
+      RenderBlock {P} at (0,577) size 769x198 [bgcolor=#66CCFF]
+        RenderText {TEXT} at (0,0) size 413x198
+          text run at (0,0) width 413: "This paragraph is not floating. If there is enough room, the textual"
+          text run at (0,18) width 413: "content of the paragraph should appear on the left side of the"
+          text run at (0,36) width 193: "yellow \"sidebar\" on the right. "
+          text run at (193,36) width 220: "The content of this element should"
+          text run at (0,54) width 219: "flow around the floated element. "
+          text run at (219,54) width 194: "However, the floated element"
+          text run at (0,72) width 413: "may or may not be obscured by the blue background of this"
+          text run at (0,90) width 413: "element, as the specification does not say which is drawn \"on"
+          text run at (0,108) width 37: "top.\" "
+          text run at (37,108) width 376: "Even if the floated element is obscured, it still forces the"
+          text run at (0,126) width 263: "content of this element to flow around it. "
+          text run at (263,126) width 150: "If the floated element is"
+          text run at (0,144) width 413: "not obscured, then the blue rectangle of this paragraph should"
+          text run at (0,162) width 413: "extend 10px above and to the right of the sidebar's red border,"
+          text run at (0,180) width 319: "due to the margin styles set for the floated element."
+      RenderBlock (anonymous) at (0,775) size 769x18
         RenderBR {BR} at (0,0) size 0x18
-      RenderBlock {HR} at (0,783) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (0,793) size 784x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
-        RenderBlock (floating) {DIV} at (440,14) size 330x226 [bgcolor=#FFFF00]
+      RenderBlock {HR} at (0,801) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (0,811) size 769x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+        RenderBlock (floating) {DIV} at (425,14) size 330x226 [bgcolor=#FFFF00]
           RenderBlock {P} at (5,5) size 320x216
             RenderText {TEXT} at (0,0) size 320x216
               text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
@@ -116,135 +117,138 @@ layer at (0,0) size 800x2678
               text run at (0,162) width 320: "box should be rendered on top of the bottom red"
               text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
               text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
-        RenderBlock {P} at (4,4) size 776x18
+        RenderBlock {P} at (4,4) size 761x18
           RenderText {TEXT} at (0,0) size 268x18
             text run at (0,0) width 268: "See description in the box on the right side"
-      RenderBlock (anonymous) at (0,819) size 784x224
+      RenderBlock (anonymous) at (0,837) size 769x224
         RenderBR {BR} at (0,0) size 0x18
-      RenderBlock {HR} at (0,1051) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {DIV} at (0,1061) size 196x72 [bgcolor=#66CCFF]
-        RenderBlock {P} at (0,0) size 196x72
-          RenderText {TEXT} at (0,0) size 196x72
-            text run at (0,0) width 196: "This paragraph is inside a DIV"
-            text run at (0,18) width 196: "which is floated left. Its"
-            text run at (0,36) width 196: "background is blue and the"
+      RenderBlock {HR} at (0,1069) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1079) size 192x72 [bgcolor=#66CCFF]
+        RenderBlock {P} at (0,0) size 192x72
+          RenderText {TEXT} at (0,0) size 192x72
+            text run at (0,0) width 192: "This paragraph is inside a"
+            text run at (0,18) width 192: "DIV which is floated left. Its"
+            text run at (0,36) width 192: "background is blue and the"
             text run at (0,54) width 87: "width is 25%."
-      RenderBlock (floating) {DIV} at (588,1061) size 196x72 [bgcolor=#FFFF00]
-        RenderBlock {P} at (0,0) size 196x72
-          RenderText {TEXT} at (0,0) size 196x72
-            text run at (0,0) width 196: "This paragraph is inside a DIV"
-            text run at (0,18) width 196: "which is floated right. Its"
-            text run at (0,36) width 196: "background is yellow and the"
+      RenderBlock (floating) {DIV} at (577,1079) size 192x72 [bgcolor=#FFFF00]
+        RenderBlock {P} at (0,0) size 192x72
+          RenderText {TEXT} at (0,0) size 192x72
+            text run at (0,0) width 192: "This paragraph is inside a"
+            text run at (0,18) width 192: "DIV which is floated right. Its"
+            text run at (0,36) width 192: "background is yellow and the"
             text run at (0,54) width 87: "width is 25%."
-      RenderBlock {P} at (0,1061) size 784x36
-        RenderText {TEXT} at (196,0) size 392x36
-          text run at (196,0) width 392: "This paragraph should appear between a blue box (on the left)"
-          text run at (196,18) width 199: "and a yellow box (on the right)."
-      RenderBlock (anonymous) at (0,1097) size 784x36
-        RenderBR {BR} at (196,0) size 0x18
-      RenderBlock {HR} at (0,1141) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {DIV} at (0,1151) size 588x126 [bgcolor=#66CCFF]
-        RenderBlock (floating) {DIV} at (431,0) size 147x36 [bgcolor=#FFFF00]
-          RenderBlock {P} at (0,0) size 147x36
-            RenderText {TEXT} at (0,0) size 147x36
-              text run at (0,0) width 147: "See description in the"
+      RenderBlock {P} at (0,1079) size 769x36
+        RenderText {TEXT} at (192,0) size 385x36
+          text run at (192,0) width 385: "This paragraph should appear between a blue box (on the"
+          text run at (192,18) width 29: "left) "
+          text run at (221,18) width 199: "and a yellow box (on the right)."
+      RenderBlock (anonymous) at (0,1115) size 769x36
+        RenderBR {BR} at (192,0) size 0x18
+      RenderBlock {HR} at (0,1159) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1169) size 576x126 [bgcolor=#66CCFF]
+        RenderBlock (floating) {DIV} at (422,0) size 144x36 [bgcolor=#FFFF00]
+          RenderBlock {P} at (0,0) size 144x36
+            RenderText {TEXT} at (0,0) size 144x36
+              text run at (0,0) width 144: "See description in the"
               text run at (0,18) width 124: "box on the left side."
-        RenderBlock {P} at (0,0) size 588x126
-          RenderText {TEXT} at (0,0) size 588x126
-            text run at (0,0) width 431: "This paragraph is inside a DIV which is floated left. The"
-            text run at (0,18) width 431: "background of the DIV element is blue and its width is 75%. This"
-            text run at (0,36) width 373: "text should all be inside the blue rectangle. The blue DIV "
-            text run at (373,36) width 215: "element has another DIV element"
-            text run at (0,54) width 170: "as a child. It has a yellow "
-            text run at (170,54) width 368: "background color and is floated to the right. Since it is a "
-            text run at (538,54) width 50: "child of"
-            text run at (0,72) width 350: "the blue DIV, the yellow DIV should appear inside the "
-            text run at (350,72) width 238: "blue rectangle. Due to it being floated"
-            text run at (0,90) width 155: "to the right and having "
-            text run at (155,90) width 433: "a 10px right margin, the yellow rectange should have a 10px blue"
-            text run at (0,108) width 138: "stripe on its right side."
-      RenderBlock (anonymous) at (0,1151) size 784x126
-        RenderBR {BR} at (588,0) size 0x18
-      RenderBlock {HR} at (0,1285) size 784x2 [border: (1px inset #000000)]
-      RenderTable {TABLE} at (0,1295) size 784x1367 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 0x1365
+        RenderBlock {P} at (0,0) size 576x126
+          RenderText {TEXT} at (0,0) size 576x126
+            text run at (0,0) width 422: "This paragraph is inside a DIV which is floated left. The"
+            text run at (0,18) width 422: "background of the DIV element is blue and its width is 75%. This"
+            text run at (0,36) width 364: "text should all be inside the blue rectangle. The blue DIV "
+            text run at (364,36) width 212: "element has another DIV element"
+            text run at (0,54) width 166: "as a child. It has a yellow "
+            text run at (166,54) width 361: "background color and is floated to the right. Since it is a "
+            text run at (527,54) width 49: "child of"
+            text run at (0,72) width 374: "the blue DIV, the yellow DIV should appear inside the "
+            text run at (374,72) width 202: "blue rectangle. Due to it being"
+            text run at (0,90) width 193: "floated to the right and having "
+            text run at (193,90) width 383: "a 10px right margin, the yellow rectange should have a 10px"
+            text run at (0,108) width 31: "blue "
+            text run at (31,108) width 138: "stripe on its right side."
+      RenderBlock (anonymous) at (0,1169) size 769x126
+        RenderBR {BR} at (576,0) size 0x18
+      RenderBlock {HR} at (0,1303) size 769x2 [border: (1px inset #000000)]
+      RenderTable {TABLE} at (0,1313) size 769x1385 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 0x1383
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,682) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,691) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x1339 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (floating) {P} at (4,4) size 381x36 [bgcolor=#FFFF00]
-                RenderText {TEXT} at (0,0) size 381x36
-                  text run at (0,0) width 381: "This paragraph is of class \"one\". It has a width of 50% and"
+            RenderTableCell {TD} at (12,26) size 755x1357 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (floating) {P} at (4,4) size 373x36 [bgcolor=#FFFF00]
+                RenderText {TEXT} at (0,0) size 373x36
+                  text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of 50% and"
                   text run at (0,18) width 124: "is floated to the left."
-              RenderBlock {P} at (4,4) size 762x90
-                RenderText {TEXT} at (381,0) size 762x90
-                  text run at (381,0) width 381: "This paragraph should start on the right side of a yellow box"
-                  text run at (381,18) width 381: "which contains the previous paragraph. Since the text of this"
-                  text run at (0,36) width 762: "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,54) width 762: "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,72) width 36: "other."
-              RenderBlock (anonymous) at (4,94) size 762x18
+              RenderBlock {P} at (4,4) size 747x90
+                RenderText {TEXT} at (373,0) size 747x90
+                  text run at (373,0) width 374: "This paragraph should start on the right side of a yellow"
+                  text run at (373,18) width 374: "box which contains the previous paragraph. Since the text"
+                  text run at (0,36) width 747: "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,54) width 747: "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,72) width 69: "each other."
+              RenderBlock (anonymous) at (4,94) size 747x18
                 RenderBR {BR} at (0,0) size 0x18
-              RenderBlock {HR} at (4,120) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (4,130) size 762x72 [bgcolor=#FFFF00]
-                RenderText {TEXT} at (0,0) size 762x72
-                  text run at (0,0) width 762: "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,18) width 762: "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,36) width 762: "a 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,54) width 217: "paragraph for diagnostic purposes."
-              RenderBlock (anonymous) at (4,130) size 762x91
+              RenderBlock {HR} at (4,120) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,130) size 747x72 [bgcolor=#FFFF00]
+                RenderText {TEXT} at (0,0) size 747x72
+                  text run at (0,0) width 747: "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,18) width 747: "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,36) width 747: "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,54) width 259: "to this paragraph for diagnostic purposes."
+              RenderBlock (anonymous) at (4,130) size 747x91
                 RenderImage {IMG} at (0,72) size 15x15
                 RenderText {TEXT} at (15,73) size 4x18
                   text run at (15,73) width 4: " "
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,229) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (4,239) size 381x108 [bgcolor=#FFFF00]
-                RenderText {TEXT} at (0,0) size 381x108
-                  text run at (0,0) width 381: "This paragraph is floated to the left and the orange square"
-                  text run at (0,18) width 381: "image should appear to the right of the paragraph. This"
-                  text run at (0,36) width 381: "paragraph has a yellow background and no padding, margin"
-                  text run at (0,54) width 381: "or border. The right edge of this yellow box should be"
-                  text run at (0,72) width 381: "horizontally aligned with the left edge of the yellow box"
+              RenderBlock {HR} at (4,229) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,239) size 373x108 [bgcolor=#FFFF00]
+                RenderText {TEXT} at (0,0) size 373x108
+                  text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
+                  text run at (0,18) width 373: "image should appear to the right of the paragraph. This"
+                  text run at (0,36) width 373: "paragraph has a yellow background and no padding,"
+                  text run at (0,54) width 373: "margin or border. The right edge of this yellow box should"
+                  text run at (0,72) width 373: "be horizontally aligned with the left edge of the yellow box"
                   text run at (0,90) width 79: "undernearth."
-              RenderBlock (anonymous) at (4,239) size 762x108
-                RenderImage {IMG} at (381,0) size 15x15
-                RenderText {TEXT} at (396,1) size 4x18
-                  text run at (396,1) width 4: " "
+              RenderBlock (anonymous) at (4,239) size 747x108
+                RenderImage {IMG} at (373,0) size 15x15
+                RenderText {TEXT} at (388,1) size 4x18
+                  text run at (388,1) width 4: " "
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,355) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (385,365) size 381x108 [bgcolor=#FFFF00]
-                RenderText {TEXT} at (0,0) size 381x108
-                  text run at (0,0) width 381: "This paragraph is floated to the right (using a STYLE"
-                  text run at (0,18) width 381: "attribute) and the orange square image should appear to the"
-                  text run at (0,36) width 381: "left of the paragraph. This paragraph has a yellow"
-                  text run at (0,54) width 381: "background and no padding, margin or border. The left"
-                  text run at (0,72) width 381: "edge of this yellow box should be horizonally aligned with"
+              RenderBlock {HR} at (4,355) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (378,365) size 373x108 [bgcolor=#FFFF00]
+                RenderText {TEXT} at (0,0) size 373x108
+                  text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
+                  text run at (0,18) width 373: "attribute) and the orange square image should appear to the"
+                  text run at (0,36) width 373: "left of the paragraph. This paragraph has a yellow"
+                  text run at (0,54) width 373: "background and no padding, margin or border. The left"
+                  text run at (0,72) width 373: "edge of this yellow box should be horizonally aligned with"
                   text run at (0,90) width 247: "the right edge of the yellow box above."
-              RenderBlock (anonymous) at (4,365) size 762x108
+              RenderBlock (anonymous) at (4,365) size 747x108
                 RenderImage {IMG} at (0,0) size 15x15
                 RenderText {TEXT} at (15,1) size 4x18
                   text run at (15,1) width 4: " "
                 RenderBR {BR} at (0,0) size 0x0
-              RenderBlock {HR} at (4,481) size 762x2 [border: (1px inset #000000)]
-              RenderBlock {P} at (4,491) size 762x54
+              RenderBlock {HR} at (4,481) size 747x2 [border: (1px inset #000000)]
+              RenderBlock {P} at (4,491) size 747x72
                 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
                   RenderText {TEXT} at (0,0) size 21x37
                     text run at (0,0) width 21: "T"
-                RenderText {TEXT} at (48,0) size 714x54
-                  text run at (48,0) width 714: "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,18) width 491: "well as bold, with a content width of 1.5em and a background-color of silver. "
-                  text run at (539,18) width 223: "The top of the big letter \"T\" should"
-                  text run at (48,36) 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 (4,545) size 762x18
+                RenderText {TEXT} at (48,0) size 747x72
+                  text run at (48,0) width 699: "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,18) width 513: "well as bold, with a content width of 1.5em and a background-color of silver. "
+                  text run at (561,18) width 186: "The top of the big letter \"T\""
+                  text run at (48,36) width 699: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-"
+                  text run at (0,54) width 33: "cap\"."
+              RenderBlock (anonymous) at (4,563) size 747x18
                 RenderBR {BR} at (0,0) size 0x18
-              RenderBlock {HR} at (4,571) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (420,591) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+              RenderBlock {HR} at (4,589) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (405,609) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
                 RenderText {TEXT} at (8,8) size 320x180
                   text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
                   text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
@@ -256,29 +260,29 @@ layer at (0,0) size 800x2678
                   text run at (8,134) width 320: "element has a 10px wide margin around it where"
                   text run at (8,152) width 320: "the blue background of the paragraph in the"
                   text run at (8,170) width 217: "normal flow should shine through."
-              RenderBlock {P} at (4,581) size 762x216 [bgcolor=#66CCFF]
-                RenderText {TEXT} at (0,0) size 406x216
-                  text run at (0,0) width 406: "This paragraph is not floating. If there is enough room, the"
-                  text run at (0,18) width 406: "textual content of the paragraph should appear on the left side of"
-                  text run at (0,36) width 226: "the yellow \"sidebar\" on the right. "
-                  text run at (226,36) width 180: "The content of this element"
-                  text run at (0,54) width 268: "should flow around the floated element. "
-                  text run at (268,54) width 138: "However, the floated"
-                  text run at (0,72) width 406: "element may or may not be obscured by the blue background of"
-                  text run at (0,90) width 406: "this element, as the specification does not say which is drawn"
-                  text run at (0,108) width 64: "\"on top.\" "
-                  text run at (64,108) width 342: "Even if the floated element is obscured, it still forces"
-                  text run at (0,126) width 318: "the content of this element to flow around it. "
-                  text run at (318,126) width 88: "If the floated"
-                  text run at (0,144) width 406: "element is not obscured, then the blue rectangle of this"
-                  text run at (0,162) width 406: "paragraph should extend 10px above and to the right of the"
-                  text run at (0,180) width 406: "sidebar's red border, due to the margin styles set for the floated"
-                  text run at (0,198) width 53: "element."
-              RenderBlock (anonymous) at (4,797) size 762x18
+              RenderBlock {P} at (4,599) size 747x216 [bgcolor=#66CCFF]
+                RenderText {TEXT} at (0,0) size 391x216
+                  text run at (0,0) width 391: "This paragraph is not floating. If there is enough room, the"
+                  text run at (0,18) width 391: "textual content of the paragraph should appear on the left side"
+                  text run at (0,36) width 260: "of the yellow \"sidebar\" on the right. "
+                  text run at (260,36) width 131: "The content of this"
+                  text run at (0,54) width 328: "element should flow around the floated element. "
+                  text run at (328,54) width 63: "However,"
+                  text run at (0,72) width 391: "the floated element may or may not be obscured by the blue"
+                  text run at (0,90) width 391: "background of this element, as the specification does not say"
+                  text run at (0,108) width 185: "which is drawn \"on top.\" "
+                  text run at (185,108) width 206: "Even if the floated element is"
+                  text run at (0,126) width 391: "obscured, it still forces the content of this element to flow"
+                  text run at (0,144) width 65: "around it. "
+                  text run at (65,144) width 326: "If the floated element is not obscured, then the blue"
+                  text run at (0,162) width 391: "rectangle of this paragraph should extend 10px above and to"
+                  text run at (0,180) width 391: "the right of the sidebar's red border, due to the margin styles"
+                  text run at (0,198) width 166: "set for the floated element."
+              RenderBlock (anonymous) at (4,815) size 747x18
                 RenderBR {BR} at (0,0) size 0x18
-              RenderBlock {HR} at (4,823) size 762x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (4,833) size 762x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
-                RenderBlock (floating) {DIV} at (418,14) size 330x226 [bgcolor=#FFFF00]
+              RenderBlock {HR} at (4,841) size 747x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (4,851) size 747x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+                RenderBlock (floating) {DIV} at (403,14) size 330x226 [bgcolor=#FFFF00]
                   RenderBlock {P} at (5,5) size 320x216
                     RenderText {TEXT} at (0,0) size 320x216
                       text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
@@ -293,54 +297,57 @@ layer at (0,0) size 800x2678
                       text run at (0,162) width 320: "box should be rendered on top of the bottom red"
                       text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
                       text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
-                RenderBlock {P} at (4,4) size 754x18
+                RenderBlock {P} at (4,4) size 739x18
                   RenderText {TEXT} at (0,0) size 268x18
                     text run at (0,0) width 268: "See description in the box on the right side"
-              RenderBlock (anonymous) at (4,859) size 762x224
+              RenderBlock (anonymous) at (4,877) size 747x224
                 RenderBR {BR} at (0,0) size 0x18
-              RenderBlock {HR} at (4,1091) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {DIV} at (4,1101) size 190x72 [bgcolor=#66CCFF]
-                RenderBlock {P} at (0,0) size 190x72
-                  RenderText {TEXT} at (0,0) size 190x72
-                    text run at (0,0) width 190: "This paragraph is inside a"
-                    text run at (0,18) width 190: "DIV which is floated left. Its"
-                    text run at (0,36) width 190: "background is blue and the"
+              RenderBlock {HR} at (4,1109) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1119) size 186x72 [bgcolor=#66CCFF]
+                RenderBlock {P} at (0,0) size 186x72
+                  RenderText {TEXT} at (0,0) size 186x72
+                    text run at (0,0) width 186: "This paragraph is inside a"
+                    text run at (0,18) width 186: "DIV which is floated left. Its"
+                    text run at (0,36) width 186: "background is blue and the"
                     text run at (0,54) width 87: "width is 25%."
-              RenderBlock (floating) {DIV} at (576,1101) size 190x72 [bgcolor=#FFFF00]
-                RenderBlock {P} at (0,0) size 190x72
-                  RenderText {TEXT} at (0,0) size 190x72
-                    text run at (0,0) width 190: "This paragraph is inside a"
-                    text run at (0,18) width 190: "DIV which is floated right. Its"
-                    text run at (0,36) width 190: "background is yellow and the"
-                    text run at (0,54) width 87: "width is 25%."
-              RenderBlock {P} at (4,1101) size 762x36
-                RenderText {TEXT} at (190,0) size 382x36
-                  text run at (190,0) width 382: "This paragraph should appear between a blue box (on the"
-                  text run at (190,18) width 29: "left) "
-                  text run at (219,18) width 199: "and a yellow box (on the right)."
-              RenderBlock (anonymous) at (4,1137) size 762x36
-                RenderBR {BR} at (190,0) size 0x18
-              RenderBlock {HR} at (4,1181) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {DIV} at (4,1191) size 571x126 [bgcolor=#66CCFF]
-                RenderBlock (floating) {DIV} at (419,0) size 142x36 [bgcolor=#FFFF00]
-                  RenderBlock {P} at (0,0) size 142x36
-                    RenderText {TEXT} at (0,0) size 142x36
-                      text run at (0,0) width 142: "See description in the"
+              RenderBlock (floating) {DIV} at (565,1119) size 186x72 [bgcolor=#FFFF00]
+                RenderBlock {P} at (0,0) size 186x72
+                  RenderText {TEXT} at (0,0) size 186x72
+                    text run at (0,0) width 186: "This paragraph is inside a"
+                    text run at (0,18) width 186: "DIV which is floated right."
+                    text run at (0,36) width 20: "Its "
+                    text run at (20,36) width 166: "background is yellow and"
+                    text run at (0,54) width 110: "the width is 25%."
+              RenderBlock {P} at (4,1119) size 747x36
+                RenderText {TEXT} at (186,0) size 375x36
+                  text run at (186,0) width 375: "This paragraph should appear between a blue box (on the"
+                  text run at (186,18) width 29: "left) "
+                  text run at (215,18) width 199: "and a yellow box (on the right)."
+              RenderBlock (anonymous) at (4,1155) size 747x36
+                RenderBR {BR} at (186,0) size 0x18
+              RenderBlock {HR} at (4,1199) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1209) size 560x126 [bgcolor=#66CCFF]
+                RenderBlock (floating) {DIV} at (410,0) size 140x36 [bgcolor=#FFFF00]
+                  RenderBlock {P} at (0,0) size 140x36
+                    RenderText {TEXT} at (0,0) size 140x36
+                      text run at (0,0) width 140: "See description in the"
                       text run at (0,18) width 124: "box on the left side."
-                RenderBlock {P} at (0,0) size 571x126
-                  RenderText {TEXT} at (0,0) size 571x126
-                    text run at (0,0) width 419: "This paragraph is inside a DIV which is floated left. The"
-                    text run at (0,18) width 419: "background of the DIV element is blue and its width is 75%. This"
-                    text run at (0,36) width 402: "text should all be inside the blue rectangle. The blue DIV "
-                    text run at (402,36) width 169: "element has another DIV"
+                RenderBlock {P} at (0,0) size 560x126
+                  RenderText {TEXT} at (0,0) size 560x126
+                    text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
+                    text run at (0,18) width 410: "background of the DIV element is blue and its width is 75%."
+                    text run at (0,36) width 32: "This "
+                    text run at (32,36) width 368: "text should all be inside the blue rectangle. The blue DIV "
+                    text run at (400,36) width 160: "element has another DIV"
                     text run at (0,54) width 217: "element as a child. It has a yellow "
-                    text run at (217,54) width 354: "background color and is floated to the right. Since it is a"
-                    text run at (0,72) width 415: "child of the blue DIV, the yellow DIV should appear inside the "
-                    text run at (415,72) width 156: "blue rectangle. Due to it"
-                    text run at (0,90) width 233: "being floated to the right and having "
-                    text run at (233,90) width 338: "a 10px right margin, the yellow rectange should have"
-                    text run at (0,108) width 78: "a 10px blue "
-                    text run at (78,108) width 138: "stripe on its right side."
-              RenderBlock (anonymous) at (4,1191) size 762x126
-                RenderBR {BR} at (571,0) size 0x18
-              RenderBlock {HR} at (4,1325) size 762x2 [border: (1px inset #000000)]
+                    text run at (217,54) width 343: "background color and is floated to the right. Since it is"
+                    text run at (0,72) width 11: "a "
+                    text run at (11,72) width 408: "child of the blue DIV, the yellow DIV should appear inside the "
+                    text run at (419,72) width 141: "blue rectangle. Due to"
+                    text run at (0,90) width 252: "it being floated to the right and having "
+                    text run at (252,90) width 308: "a 10px right margin, the yellow rectange should"
+                    text run at (0,108) width 112: "have a 10px blue "
+                    text run at (112,108) width 138: "stripe on its right side."
+              RenderBlock (anonymous) at (4,1209) size 747x126
+                RenderBR {BR} at (560,0) size 0x18
+              RenderBlock {HR} at (4,1343) size 747x2 [border: (1px inset #000000)]
index a40eb08..21bd2ce 100644 (file)
@@ -1,44 +1,44 @@
-layer at (0,0) size 800x974
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x974
-  RenderBlock {HTML} at (0,0) size 800x974
-    RenderBody {BODY} at (8,8) size 784x958 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x974
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x974
+  RenderBlock {HTML} at (0,0) size 785x974
+    RenderBody {BODY} at (8,8) size 769x958 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x45
+      RenderBlock {PRE} at (0,34) size 769x45
         RenderText {TEXT} at (0,0) size 168x30
           text run at (0,0) width 160: ".one {height: 50px;}"
           text run at (0,15) width 168: ".two {height: 100px;}"
-      RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (anonymous) at (0,102) size 784x50
+      RenderBlock {HR} at (0,92) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (anonymous) at (0,102) size 769x50
         RenderImage {IMG} at (0,0) size 50x50
         RenderText {TEXT} at (0,0) size 0x0
-      RenderBlock {P} at (0,168) size 784x18
+      RenderBlock {P} at (0,168) size 769x18
         RenderText {TEXT} at (0,0) size 275x18
           text run at (0,0) width 275: "The square above should be fifty pixels tall."
-      RenderBlock (anonymous) at (0,202) size 784x100
+      RenderBlock (anonymous) at (0,202) size 769x100
         RenderImage {IMG} at (0,0) size 100x100
         RenderText {TEXT} at (0,0) size 0x0
-      RenderBlock {P} at (0,318) size 784x18
+      RenderBlock {P} at (0,318) size 769x18
         RenderText {TEXT} at (0,0) size 335x18
           text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
-      RenderBlock (anonymous) at (0,352) size 784x100
+      RenderBlock (anonymous) at (0,352) size 769x100
         RenderImage {IMG} at (0,0) size 30x100
         RenderText {TEXT} at (0,0) size 0x0
-      RenderBlock {P} at (0,468) size 784x36
-        RenderText {TEXT} at (0,0) size 784x36
-          text run at (0,0) width 784: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has been"
-          text run at (0,18) width 116: "doubled using the "
+      RenderBlock {P} at (0,468) size 769x36
+        RenderText {TEXT} at (0,0) size 750x36
+          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,18) width 150: "been doubled using the "
         RenderInline {CODE} at (0,0) size 48x15
-          RenderText {TEXT} at (116,20) size 48x15
-            text run at (116,20) width 48: "height"
-        RenderText {TEXT} at (164,18) size 66x18
-          text run at (164,18) width 66: " property)."
-      RenderTable {TABLE} at (0,520) size 784x438 [border: (1px outset #808080)]
+          RenderText {TEXT} at (150,20) size 48x15
+            text run at (150,20) width 48: "height"
+        RenderText {TEXT} at (198,18) size 66x18
+          text run at (198,18) width 66: " property)."
+      RenderTable {TABLE} at (0,520) size 769x438 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x436
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
@@ -46,28 +46,28 @@ layer at (0,0) size 800x974
             RenderTableCell {TD} at (0,218) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x410 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (4,4) size 762x50
+            RenderTableCell {TD} at (12,26) size 755x410 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (4,4) size 747x50
                 RenderImage {IMG} at (0,0) size 50x50
                 RenderText {TEXT} at (0,0) size 0x0
-              RenderBlock {P} at (4,70) size 762x18
+              RenderBlock {P} at (4,70) size 747x18
                 RenderText {TEXT} at (0,0) size 275x18
                   text run at (0,0) width 275: "The square above should be fifty pixels tall."
-              RenderBlock (anonymous) at (4,104) size 762x100
+              RenderBlock (anonymous) at (4,104) size 747x100
                 RenderImage {IMG} at (0,0) size 100x100
                 RenderText {TEXT} at (0,0) size 0x0
-              RenderBlock {P} at (4,220) size 762x18
+              RenderBlock {P} at (4,220) size 747x18
                 RenderText {TEXT} at (0,0) size 335x18
                   text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
-              RenderBlock (anonymous) at (4,254) size 762x100
+              RenderBlock (anonymous) at (4,254) size 747x100
                 RenderImage {IMG} at (0,0) size 30x100
                 RenderText {TEXT} at (0,0) size 0x0
-              RenderBlock {P} at (4,370) size 762x36
-                RenderText {TEXT} at (0,0) size 750x36
-                  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,18) width 150: "been doubled using the "
+              RenderBlock {P} at (4,370) size 747x36
+                RenderText {TEXT} at (0,0) size 725x36
+                  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,18) width 175: "has been doubled using the "
                 RenderInline {CODE} at (0,0) size 48x15
-                  RenderText {TEXT} at (150,20) size 48x15
-                    text run at (150,20) width 48: "height"
-                RenderText {TEXT} at (198,18) size 66x18
-                  text run at (198,18) width 66: " property)."
+                  RenderText {TEXT} at (175,20) size 48x15
+                    text run at (175,20) width 48: "height"
+                RenderText {TEXT} at (223,18) size 66x18
+                  text run at (223,18) width 66: " property)."
index fa4d161..a42c1b2 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 802x2608
-  RenderCanvas at (0,0) size 800x585
-layer at (0,0) size 802x2608
-  RenderBlock {HTML} at (0,0) size 800x2608
-    RenderBody {BODY} at (8,8) size 784x2592 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 787x2628
+  RenderCanvas at (0,0) size 785x585
+layer at (0,0) size 787x2628
+  RenderBlock {HTML} at (0,0) size 785x2628
+    RenderBody {BODY} at (8,8) size 769x2612 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x105
+      RenderBlock {PRE} at (0,34) size 769x105
         RenderText {TEXT} at (0,0) size 360x105
           text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
           text run at (0,15) width 360: ".one {margin: 0.5in; background-color: aqua;}"
@@ -15,143 +15,145 @@ layer at (0,0) size 802x2608
           text run at (0,60) width 352: ".four {margin: 25%; background-color: aqua;}"
           text run at (0,75) width 168: ".five {margin: 25px;}"
           text run at (0,90) width 360: ".six {margin: -10px; background-color: aqua;}"
-      RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,170) size 784x36
+      RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,170) size 769x36
         RenderText {TEXT} at (0,0) size 738x36
           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,18) width 248: "section 4.1.1 of the CSS1 specification."
-      RenderBlock {P} at (0,222) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,222) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (48,288) size 688x18 [bgcolor=#00FFFF]
+      RenderBlock {P} at (48,288) size 673x18 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 658x18
           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,354) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,354) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (25,397) size 734x18 [bgcolor=#00FFFF]
+      RenderBlock {P} at (25,397) size 719x18 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 641x18
           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,440) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,440) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (80,538) size 624x18 [bgcolor=#00FFFF]
-        RenderText {TEXT} at (0,0) size 615x18
-          text run at (0,0) width 615: "This sentence should have an overall margin of 5 em, which will require extra text in order to test."
-      RenderBlock {P} at (0,636) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (80,538) size 609x36 [bgcolor=#00FFFF]
+        RenderText {TEXT} at (0,0) size 586x36
+          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,18) width 25: "test."
+      RenderBlock {P} at (0,654) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (196,850) size 392x54 [bgcolor=#00FFFF]
-        RenderText {TEXT} at (0,0) size 391x54
-          text run at (0,0) width 391: "This sentence should have an overall margin of 25%, which is"
-          text run at (0,18) width 362: "calculated with respect to the width of the parent element."
+      RenderBlock {P} at (192,864) size 385x54 [bgcolor=#00FFFF]
+        RenderText {TEXT} at (0,0) size 377x54
+          text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
+          text run at (0,18) width 376: "is calculated with respect to the width of the parent element."
           text run at (0,36) width 264: "This will require extra text in order to test."
-      RenderBlock {P} at (0,1100) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1110) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {UL} at (25,1143) size 734x122 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 694x18
+      RenderBlock {UL} at (25,1153) size 719x122 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 679x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 375x18
             text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
-        RenderListItem {LI} at (40,18) size 694x18
+        RenderListItem {LI} at (40,18) size 679x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 264x18
             text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (65,61) size 644x18
+        RenderListItem {LI} at (65,61) size 629x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 543x18
             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,104) size 694x18
+        RenderListItem {LI} at (40,104) size 679x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 294x18
             text run at (0,0) width 294: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,1290) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1300) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (-10,1298) size 804x54 [bgcolor=#00FFFF]
+      RenderBlock {P} at (-10,1308) size 789x54 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 775x54
           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,18) width 369: "subsequent text up toward it, and a light blue background. "
           text run at (369,18) width 386: "In all other respects, however, the element should be normal. "
           text run at (755,18) width 20: "No"
           text run at (0,36) width 528: "styles have been applied to it besides the negative margin and the background color."
-      RenderBlock {P} at (0,1342) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1352) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderTable {TABLE} at (0,1360) size 784x1232 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 0x1230
+      RenderTable {TABLE} at (0,1370) size 769x1242 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 0x1240
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,615) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,620) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x1204 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x36
+            RenderTableCell {TD} at (12,26) size 755x1214 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x36
                 RenderText {TEXT} at (0,0) size 738x36
                   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,18) width 248: "section 4.1.1 of the CSS1 specification."
-              RenderBlock {P} at (4,56) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,56) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (52,122) size 666x18 [bgcolor=#00FFFF]
-                RenderText {TEXT} at (0,0) size 658x18
-                  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 (4,188) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (52,122) size 651x36 [bgcolor=#00FFFF]
+                RenderText {TEXT} at (0,0) size 629x36
+                  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,18) width 25: "test."
+              RenderBlock {P} at (4,206) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (29,231) size 712x18 [bgcolor=#00FFFF]
+              RenderBlock {P} at (29,249) size 697x18 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 641x18
                   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,274) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,292) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (84,372) size 602x36 [bgcolor=#00FFFF]
+              RenderBlock {P} at (84,390) size 587x36 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 586x36
                   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,18) width 25: "test."
-              RenderBlock {P} at (4,488) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,506) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (194,696) size 382x54 [bgcolor=#00FFFF]
-                RenderText {TEXT} at (0,0) size 377x54
-                  text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
-                  text run at (0,18) width 376: "is calculated with respect to the width of the parent element."
-                  text run at (0,36) width 264: "This will require extra text in order to test."
-              RenderBlock {P} at (4,940) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (190,710) size 375x54 [bgcolor=#00FFFF]
+                RenderText {TEXT} at (0,0) size 362x54
+                  text run at (0,0) width 334: "This sentence should have an overall margin of 25%,"
+                  text run at (0,18) width 362: "which is calculated with respect to the width of the parent"
+                  text run at (0,36) width 57: "element. "
+                  text run at (57,36) width 264: "This will require extra text in order to test."
+              RenderBlock {P} at (4,950) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {UL} at (29,983) size 712x122 [bgcolor=#00FFFF]
-                RenderListItem {LI} at (40,0) size 672x18
+              RenderBlock {UL} at (29,993) size 697x122 [bgcolor=#00FFFF]
+                RenderListItem {LI} at (40,0) size 657x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 375x18
                     text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
-                RenderListItem {LI} at (40,18) size 672x18
+                RenderListItem {LI} at (40,18) size 657x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 264x18
                     text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-                RenderListItem {LI} at (65,61) size 622x18
+                RenderListItem {LI} at (65,61) size 607x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 543x18
                     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,104) size 672x18
+                RenderListItem {LI} at (40,104) size 657x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 294x18
                     text run at (0,0) width 294: "This list item has no special styles applied to it."
-              RenderBlock {P} at (4,1130) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,1140) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (-6,1138) size 782x54 [bgcolor=#00FFFF]
-                RenderText {TEXT} at (0,0) size 775x54
+              RenderBlock {P} at (-6,1148) size 767x54 [bgcolor=#00FFFF]
+                RenderText {TEXT} at (0,0) size 758x54
                   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,18) width 369: "subsequent text up toward it, and a light blue background. "
-                  text run at (369,18) width 386: "In all other respects, however, the element should be normal. "
-                  text run at (755,18) width 20: "No"
-                  text run at (0,36) width 528: "styles have been applied to it besides the negative margin and the background color."
-              RenderBlock {P} at (4,1182) size 762x18 [bgcolor=#C0C0C0]
+                  text run at (369,18) width 382: "In all other respects, however, the element should be normal."
+                  text run at (0,36) width 552: "No styles have been applied to it besides the negative margin and the background color."
+              RenderBlock {P} at (4,1192) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
index 7084ad3..38cce92 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1736
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1736
-  RenderBlock {HTML} at (0,0) size 800x1736
-    RenderBody {BODY} at (8,8) size 784x1720 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x1728
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1728
+  RenderBlock {HTML} at (0,0) size 785x1728
+    RenderBody {BODY} at (8,8) size 769x1712 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x135
+      RenderBlock {PRE} at (0,34) size 769x135
         RenderText {TEXT} at (0,0) size 416x120
           text run at (0,0) width 408: ".zero {background-color: silver; margin-bottom: 0;}"
           text run at (0,15) width 416: ".one {margin-bottom: 0.5in; background-color: aqua;}"
@@ -16,126 +16,126 @@ layer at (0,0) size 800x1736
           text run at (0,75) width 224: ".five {margin-bottom: 25px;}"
           text run at (0,90) width 416: ".six {margin-bottom: -10px; background-color: aqua;}"
           text run at (0,105) width 176: "P, UL {margin-top: 0;}"
-      RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,192) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,192) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,210) size 784x36 [bgcolor=#00FFFF]
+      RenderBlock {P} at (0,210) size 769x36 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 740x36
           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,18) width 203: "margin isn't applied to each line."
-      RenderBlock {P} at (0,294) size 784x36 [bgcolor=#00FFFF]
-        RenderText {TEXT} at (0,0) size 771x36
-          text run at (0,0) width 771: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the margin"
+      RenderBlock {P} at (0,294) size 769x36 [bgcolor=#00FFFF]
+        RenderText {TEXT} at (0,0) size 723x36
+          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,18) width 203: "margin isn't applied to each line."
+      RenderBlock {P} at (0,355) size 769x36 [bgcolor=#00FFFF]
+        RenderText {TEXT} at (0,0) size 745x36
+          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,18) width 155: "isn't applied to each line."
-      RenderBlock {P} at (0,355) size 784x36 [bgcolor=#00FFFF]
-        RenderText {TEXT} at (0,0) size 774x36
-          text run at (0,0) width 774: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin isn't"
-          text run at (0,18) width 126: "applied to each line."
-      RenderBlock {P} at (0,471) size 784x36 [bgcolor=#00FFFF]
+      RenderBlock {P} at (0,471) size 769x36 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 767x36
           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,18) width 126: "applied to each line."
-      RenderBlock {P} at (0,703) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,699) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,721) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,717) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 232x18
           text run at (0,0) width 232: "This element also has a class of zero."
-      RenderBlock {UL} at (0,739) size 784x97 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 744x18
+      RenderBlock {UL} at (0,735) size 769x97 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 729x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 424x18
             text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
-        RenderListItem {LI} at (40,18) size 744x18
+        RenderListItem {LI} at (40,18) size 729x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 264x18
             text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (40,36) size 744x18
+        RenderListItem {LI} at (40,36) size 729x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 591x18
             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,79) size 744x18
+        RenderListItem {LI} at (40,79) size 729x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 294x18
             text run at (0,0) width 294: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,861) size 784x54 [bgcolor=#00FFFF]
-        RenderText {TEXT} at (0,0) size 775x54
-          text run at (0,0) width 775: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page, and"
-          text run at (0,18) width 96: "no top margin. "
-          text run at (96,18) width 488: "No other styles have been applied to it besides a light blue background color. "
-          text run at (584,18) width 149: "In all other respects, the"
+      RenderBlock {P} at (0,857) size 769x54 [bgcolor=#00FFFF]
+        RenderText {TEXT} at (0,0) size 760x54
+          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,18) width 123: "and no top margin. "
+          text run at (123,18) width 488: "No other styles have been applied to it besides a light blue background color. "
+          text run at (611,18) width 149: "In all other respects, the"
           text run at (0,36) width 166: "element should be normal."
-      RenderBlock {P} at (0,905) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,901) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,923) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,919) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 232x18
           text run at (0,0) width 232: "This element also has a class of zero."
-      RenderTable {TABLE} at (0,941) size 784x779 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 0x777
+      RenderTable {TABLE} at (0,937) size 769x775 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 0x773
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,388) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,386) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x751 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
+            RenderTableCell {TD} at (12,26) size 755x747 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,22) size 762x36 [bgcolor=#00FFFF]
+              RenderBlock {P} at (4,22) size 747x36 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 740x36
                   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,18) width 203: "margin isn't applied to each line."
-              RenderBlock {P} at (4,106) size 762x36 [bgcolor=#00FFFF]
+              RenderBlock {P} at (4,106) size 747x36 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 723x36
                   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,18) width 203: "margin isn't applied to each line."
-              RenderBlock {P} at (4,167) size 762x36 [bgcolor=#00FFFF]
+              RenderBlock {P} at (4,167) size 747x36 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 745x36
                   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,18) width 155: "isn't applied to each line."
-              RenderBlock {P} at (4,283) size 762x36 [bgcolor=#00FFFF]
+              RenderBlock {P} at (4,283) size 747x36 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 738x36
                   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,18) width 155: "isn't applied to each line."
-              RenderBlock {P} at (4,509) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,505) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,527) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,523) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 232x18
                   text run at (0,0) width 232: "This element also has a class of zero."
-              RenderBlock {UL} at (4,545) size 762x97 [bgcolor=#00FFFF]
-                RenderListItem {LI} at (40,0) size 722x18
+              RenderBlock {UL} at (4,541) size 747x97 [bgcolor=#00FFFF]
+                RenderListItem {LI} at (40,0) size 707x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 424x18
                     text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
-                RenderListItem {LI} at (40,18) size 722x18
+                RenderListItem {LI} at (40,18) size 707x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 264x18
                     text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-                RenderListItem {LI} at (40,36) size 722x18
+                RenderListItem {LI} at (40,36) size 707x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 591x18
                     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,79) size 722x18
+                RenderListItem {LI} at (40,79) size 707x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 294x18
                     text run at (0,0) width 294: "This list item has no special styles applied to it."
-              RenderBlock {P} at (4,667) size 762x54 [bgcolor=#00FFFF]
-                RenderText {TEXT} at (0,0) size 760x54
-                  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,18) width 123: "and no top margin. "
-                  text run at (123,18) width 488: "No other styles have been applied to it besides a light blue background color. "
-                  text run at (611,18) width 149: "In all other respects, the"
-                  text run at (0,36) width 166: "element should be normal."
-              RenderBlock {P} at (4,711) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,663) size 747x54 [bgcolor=#00FFFF]
+                RenderText {TEXT} at (0,0) size 717x54
+                  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,18) width 161: "page, and no top margin. "
+                  text run at (161,18) width 488: "No other styles have been applied to it besides a light blue background color. "
+                  text run at (649,18) width 68: "In all other"
+                  text run at (0,36) width 247: "respects, the element should be normal."
+              RenderBlock {P} at (4,707) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,729) size 762x18 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,725) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 232x18
                   text run at (0,0) width 232: "This element also has a class of zero."
index b223277..c110389 100644 (file)
@@ -1,21 +1,21 @@
-layer at (0,0) size 800x696
-  RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x696
-  RenderBlock {HTML} at (0,0) size 800x696
-    RenderBody {BODY} at (8,8) size 784x680 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x714
+  RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x714
+  RenderBlock {HTML} at (0,0) size 785x714
+    RenderBody {BODY} at (8,8) size 769x698 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
         RenderText {TEXT} at (0,0) size 355x18
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x45
+      RenderBlock {PRE} at (0,34) size 769x45
         RenderText {TEXT} at (0,0) size 360x45
           text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
           text run at (0,15) width 352: ".one {margin: 25px; background-color: aqua;}"
           text run at (0,30) width 360: ".two {margin: -10px; background-color: aqua;}"
-      RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,102) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {HR} at (0,92) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,102) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,136) size 784x72 [bgcolor=#808080]
+      RenderBlock {P} at (0,136) size 769x72 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 481x18
           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 "
@@ -34,10 +34,10 @@ layer at (0,0) size 800x696
           text run at (0,36) width 293: "this element should have the same line-height. "
           text run at (293,36) width 473: "However, there should be a 25px margin to the left side of the inline box in"
           text run at (0,54) width 727: "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,224) size 784x18 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,224) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,258) size 784x72 [bgcolor=#808080]
+      RenderBlock {P} at (0,258) size 769x72 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 481x18
           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 "
@@ -50,72 +50,73 @@ layer at (0,0) size 800x696
           RenderText {TEXT} at (638,0) size 751x36
             text run at (638,0) width 113: ", giving it an aqua"
             text run at (0,18) width 202: "background and a -10px margin"
-        RenderText {TEXT} at (192,18) size 784x54
+        RenderText {TEXT} at (192,18) size 768x54
           text run at (192,18) width 8: ". "
-          text run at (200,18) width 584: "Margins on inline elements does not affect line-height calculations, so all lines in this element"
-          text run at (0,36) width 214: "should have the same line-height. "
-          text run at (214,36) width 568: "However, there should be a -10px margin to the left side of the inline box in the first line it"
-          text run at (0,54) width 642: "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,346) size 784x18 [bgcolor=#C0C0C0]
+          text run at (200,18) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
+          text run at (0,36) width 267: "element should have the same line-height. "
+          text run at (267,36) width 501: "However, there should be a -10px margin to the left side of the inline box in the"
+          text run at (0,54) 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,346) size 769x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderTable {TABLE} at (0,364) size 784x316 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 0x314
+      RenderTable {TABLE} at (0,364) size 769x334 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 0x332
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x18
                 RenderText {TEXT} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,0) size 0x0
-            RenderTableCell {TD} at (0,157) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,166) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {TEXT} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x288 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
+            RenderTableCell {TD} at (12,26) size 755x306 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,