2010-06-01 Martin Robinson <mrobinson@igalia.com>
authormrobinson@webkit.org <mrobinson@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 1 Jun 2010 11:59:22 +0000 (11:59 +0000)
committermrobinson@webkit.org <mrobinson@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 1 Jun 2010 11:59:22 +0000 (11:59 +0000)
        Reviewed by Xan Lopez.

        [GTK] css1/color_and_background/background_attachment.html fails on the 32-bit debug bot
        https://bugs.webkit.org/show_bug.cgi?id=39101

        The timing fix changed expected results for many tests, so regenerate
        results for these tests.

        * platform/gtk/Skipped: Unskip tests that should be passing now.
        * platform/gtk/css1/basic/class_as_selector-expected.txt:
        * platform/gtk/css1/basic/comments-expected.txt:
        * platform/gtk/css1/basic/containment-expected.txt:
        * platform/gtk/css1/basic/id_as_selector-expected.txt:
        * platform/gtk/css1/basic/inheritance-expected.txt:
        * platform/gtk/css1/box_properties/acid_test-expected.txt: Removed.
        * platform/gtk/css1/box_properties/border-expected.txt:
        * platform/gtk/css1/box_properties/border_bottom-expected.txt:
        * platform/gtk/css1/box_properties/border_bottom_width-expected.txt:
        * platform/gtk/css1/box_properties/border_left-expected.txt:
        * platform/gtk/css1/box_properties/border_left_width-expected.txt:
        * platform/gtk/css1/box_properties/border_right_inline-expected.txt:
        * platform/gtk/css1/box_properties/border_right_width-expected.txt:
        * platform/gtk/css1/box_properties/border_style-expected.txt:
        * platform/gtk/css1/box_properties/border_top-expected.txt:
        * platform/gtk/css1/box_properties/border_top_width-expected.txt:
        * platform/gtk/css1/box_properties/border_width-expected.txt:
        * platform/gtk/css1/box_properties/clear-expected.txt:
        * platform/gtk/css1/box_properties/clear_float-expected.txt:
        * platform/gtk/css1/box_properties/float_elements_in_series-expected.txt:
        * platform/gtk/css1/box_properties/float_margin-expected.txt:
        * platform/gtk/css1/box_properties/float_on_text_elements-expected.txt:
        * platform/gtk/css1/box_properties/height-expected.txt:
        * platform/gtk/css1/box_properties/margin-expected.txt:
        * platform/gtk/css1/box_properties/margin_bottom-expected.txt:
        * platform/gtk/css1/box_properties/margin_inline-expected.txt:
        * platform/gtk/css1/box_properties/margin_left-expected.txt:
        * platform/gtk/css1/box_properties/margin_right-expected.txt:
        * platform/gtk/css1/box_properties/margin_top-expected.txt:
        * platform/gtk/css1/box_properties/padding-expected.txt:
        * platform/gtk/css1/box_properties/padding_bottom-expected.txt:
        * platform/gtk/css1/box_properties/padding_inline-expected.txt:
        * platform/gtk/css1/box_properties/padding_left-expected.txt:
        * platform/gtk/css1/box_properties/padding_right-expected.txt:
        * platform/gtk/css1/box_properties/padding_top-expected.txt:
        * platform/gtk/css1/box_properties/width-expected.txt:
        * platform/gtk/css1/cascade/cascade_order-expected.txt:
        * platform/gtk/css1/classification/display-expected.txt:
        * platform/gtk/css1/classification/list_style_type-expected.txt:
        * platform/gtk/css1/classification/white_space-expected.txt:
        * platform/gtk/css1/color_and_background/background-expected.txt:
        * platform/gtk/css1/color_and_background/background_attachment-expected.txt:
        * platform/gtk/css1/color_and_background/background_position-expected.txt:
        * platform/gtk/css1/color_and_background/background_repeat-expected.txt:
        * platform/gtk/css1/conformance/forward_compatible_parsing-expected.txt:
        * platform/gtk/css1/font_properties/font-expected.txt:
        * platform/gtk/css1/font_properties/font_family-expected.txt:
        * platform/gtk/css1/font_properties/font_size-expected.txt:
        * platform/gtk/css1/font_properties/font_weight-expected.txt:
        * platform/gtk/css1/formatting_model/floating_elements-expected.txt:
        * platform/gtk/css1/formatting_model/height_of_lines-expected.txt:
        * platform/gtk/css1/formatting_model/horizontal_formatting-expected.txt:
        * platform/gtk/css1/formatting_model/inline_elements-expected.txt:
        * platform/gtk/css1/formatting_model/replaced_elements-expected.txt:
        * platform/gtk/css1/formatting_model/vertical_formatting-expected.txt:
        * platform/gtk/css1/pseudo/anchor-expected.txt:
        * platform/gtk/css1/pseudo/firstletter-expected.txt:
        * platform/gtk/css1/pseudo/firstline-expected.txt:
        * platform/gtk/css1/pseudo/multiple_pseudo_elements-expected.txt:
        * platform/gtk/css1/pseudo/pseudo_elements_in_selectors-expected.txt:
        * platform/gtk/css1/text_properties/letter_spacing-expected.txt:
        * platform/gtk/css1/text_properties/line_height-expected.txt:
        * platform/gtk/css1/text_properties/text_decoration-expected.txt:
        * platform/gtk/css1/text_properties/text_indent-expected.txt:
        * platform/gtk/css1/text_properties/text_transform-expected.txt:
        * platform/gtk/css1/text_properties/vertical_align-expected.txt:
        * platform/gtk/css1/text_properties/word_spacing-expected.txt:
        * platform/gtk/css1/units/color_units-expected.txt:
        * platform/gtk/css1/units/length_units-expected.txt:
        * platform/gtk/css1/units/percentage_units-expected.txt:
        * platform/gtk/editing/deleting/delete-line-end-ws-001-expected.txt:
        * platform/gtk/editing/deleting/delete-line-end-ws-002-expected.txt:
        * platform/gtk/fast/multicol/layers-in-multicol-expected.txt:
        * platform/gtk/fast/multicol/layers-split-across-columns-expected.txt:
        * platform/gtk/fast/multicol/nested-columns-expected.txt:
        * platform/gtk/fast/repaint/fixed-child-move-after-scroll-expected.txt:
        * platform/gtk/fast/repaint/fixed-child-of-fixed-move-after-scroll-expected.txt:
        * platform/gtk/fast/repaint/fixed-child-of-transformed-move-after-scroll-expected.txt:
        * platform/gtk/fast/repaint/fixed-move-after-scroll-expected.txt:
        * platform/gtk/fast/repaint/fixed-tranformed-expected.txt:
        * platform/gtk/fast/repaint/repaint-during-scroll-expected.txt:
        * platform/gtk/fast/text/format-control-expected.txt:
2010-06-01  Martin Robinson  <mrobinson@igalia.com>

        Reviewed by Xan Lopez.

        [GTK] css1/color_and_background/background_attachment.html fails on the 32-bit debug bot
        https://bugs.webkit.org/show_bug.cgi?id=39101

        Work around timing issues for render tree dumps by pumping the
        main loop before doing the dump. Resize events are asynchronous
        in GTK+, so sometimes resize requests are still pending when DRT
        dumps the tree.

        * DumpRenderTree/gtk/DumpRenderTree.cpp:
        (dump): Pump the main loop before dumping the render tree.

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

86 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/gtk/Skipped
LayoutTests/platform/gtk/css1/basic/class_as_selector-expected.txt
LayoutTests/platform/gtk/css1/basic/comments-expected.txt
LayoutTests/platform/gtk/css1/basic/containment-expected.txt
LayoutTests/platform/gtk/css1/basic/id_as_selector-expected.txt
LayoutTests/platform/gtk/css1/basic/inheritance-expected.txt
LayoutTests/platform/gtk/css1/box_properties/acid_test-expected.txt [deleted file]
LayoutTests/platform/gtk/css1/box_properties/border-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_bottom-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_bottom_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_left-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_left_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_right_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_right_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_style-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_top-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_top_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/border_width-expected.txt
LayoutTests/platform/gtk/css1/box_properties/clear-expected.txt
LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float_elements_in_series-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float_margin-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.txt
LayoutTests/platform/gtk/css1/box_properties/height-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_bottom-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_left-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_right-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_top-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_bottom-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_left-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_right-expected.txt
LayoutTests/platform/gtk/css1/box_properties/padding_top-expected.txt
LayoutTests/platform/gtk/css1/box_properties/width-expected.txt
LayoutTests/platform/gtk/css1/cascade/cascade_order-expected.txt
LayoutTests/platform/gtk/css1/classification/display-expected.txt
LayoutTests/platform/gtk/css1/classification/list_style_type-expected.txt
LayoutTests/platform/gtk/css1/classification/white_space-expected.txt
LayoutTests/platform/gtk/css1/color_and_background/background-expected.txt
LayoutTests/platform/gtk/css1/color_and_background/background_attachment-expected.txt
LayoutTests/platform/gtk/css1/color_and_background/background_position-expected.txt
LayoutTests/platform/gtk/css1/color_and_background/background_repeat-expected.txt
LayoutTests/platform/gtk/css1/conformance/forward_compatible_parsing-expected.txt
LayoutTests/platform/gtk/css1/font_properties/font-expected.txt
LayoutTests/platform/gtk/css1/font_properties/font_family-expected.txt
LayoutTests/platform/gtk/css1/font_properties/font_size-expected.txt
LayoutTests/platform/gtk/css1/font_properties/font_weight-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/floating_elements-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/height_of_lines-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/horizontal_formatting-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/inline_elements-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/replaced_elements-expected.txt
LayoutTests/platform/gtk/css1/formatting_model/vertical_formatting-expected.txt
LayoutTests/platform/gtk/css1/pseudo/anchor-expected.txt
LayoutTests/platform/gtk/css1/pseudo/firstletter-expected.txt
LayoutTests/platform/gtk/css1/pseudo/firstline-expected.txt
LayoutTests/platform/gtk/css1/pseudo/multiple_pseudo_elements-expected.txt
LayoutTests/platform/gtk/css1/pseudo/pseudo_elements_in_selectors-expected.txt
LayoutTests/platform/gtk/css1/text_properties/letter_spacing-expected.txt
LayoutTests/platform/gtk/css1/text_properties/line_height-expected.txt
LayoutTests/platform/gtk/css1/text_properties/text_decoration-expected.txt
LayoutTests/platform/gtk/css1/text_properties/text_indent-expected.txt
LayoutTests/platform/gtk/css1/text_properties/text_transform-expected.txt
LayoutTests/platform/gtk/css1/text_properties/vertical_align-expected.txt
LayoutTests/platform/gtk/css1/text_properties/word_spacing-expected.txt
LayoutTests/platform/gtk/css1/units/color_units-expected.txt
LayoutTests/platform/gtk/css1/units/length_units-expected.txt
LayoutTests/platform/gtk/css1/units/percentage_units-expected.txt
LayoutTests/platform/gtk/editing/deleting/delete-line-end-ws-001-expected.txt
LayoutTests/platform/gtk/editing/deleting/delete-line-end-ws-002-expected.txt
LayoutTests/platform/gtk/fast/multicol/layers-in-multicol-expected.txt
LayoutTests/platform/gtk/fast/multicol/layers-split-across-columns-expected.txt
LayoutTests/platform/gtk/fast/multicol/nested-columns-expected.txt
LayoutTests/platform/gtk/fast/repaint/fixed-child-move-after-scroll-expected.txt
LayoutTests/platform/gtk/fast/repaint/fixed-child-of-fixed-move-after-scroll-expected.txt
LayoutTests/platform/gtk/fast/repaint/fixed-child-of-transformed-move-after-scroll-expected.txt
LayoutTests/platform/gtk/fast/repaint/fixed-move-after-scroll-expected.txt
LayoutTests/platform/gtk/fast/repaint/fixed-tranformed-expected.txt
LayoutTests/platform/gtk/fast/repaint/repaint-during-scroll-expected.txt
LayoutTests/platform/gtk/fast/text/format-control-expected.txt
WebKitTools/ChangeLog
WebKitTools/DumpRenderTree/gtk/DumpRenderTree.cpp

index 41d5eba..b0095f6 100644 (file)
@@ -1,3 +1,97 @@
+2010-06-01  Martin Robinson  <mrobinson@igalia.com>
+
+        Reviewed by Xan Lopez.
+
+        [GTK] css1/color_and_background/background_attachment.html fails on the 32-bit debug bot
+        https://bugs.webkit.org/show_bug.cgi?id=39101
+
+        The timing fix changed expected results for many tests, so regenerate
+        results for these tests.
+
+        * platform/gtk/Skipped: Unskip tests that should be passing now.
+        * platform/gtk/css1/basic/class_as_selector-expected.txt:
+        * platform/gtk/css1/basic/comments-expected.txt:
+        * platform/gtk/css1/basic/containment-expected.txt:
+        * platform/gtk/css1/basic/id_as_selector-expected.txt:
+        * platform/gtk/css1/basic/inheritance-expected.txt:
+        * platform/gtk/css1/box_properties/acid_test-expected.txt: Removed.
+        * platform/gtk/css1/box_properties/border-expected.txt:
+        * platform/gtk/css1/box_properties/border_bottom-expected.txt:
+        * platform/gtk/css1/box_properties/border_bottom_width-expected.txt:
+        * platform/gtk/css1/box_properties/border_left-expected.txt:
+        * platform/gtk/css1/box_properties/border_left_width-expected.txt:
+        * platform/gtk/css1/box_properties/border_right_inline-expected.txt:
+        * platform/gtk/css1/box_properties/border_right_width-expected.txt:
+        * platform/gtk/css1/box_properties/border_style-expected.txt:
+        * platform/gtk/css1/box_properties/border_top-expected.txt:
+        * platform/gtk/css1/box_properties/border_top_width-expected.txt:
+        * platform/gtk/css1/box_properties/border_width-expected.txt:
+        * platform/gtk/css1/box_properties/clear-expected.txt:
+        * platform/gtk/css1/box_properties/clear_float-expected.txt:
+        * platform/gtk/css1/box_properties/float_elements_in_series-expected.txt:
+        * platform/gtk/css1/box_properties/float_margin-expected.txt:
+        * platform/gtk/css1/box_properties/float_on_text_elements-expected.txt:
+        * platform/gtk/css1/box_properties/height-expected.txt:
+        * platform/gtk/css1/box_properties/margin-expected.txt:
+        * platform/gtk/css1/box_properties/margin_bottom-expected.txt:
+        * platform/gtk/css1/box_properties/margin_inline-expected.txt:
+        * platform/gtk/css1/box_properties/margin_left-expected.txt:
+        * platform/gtk/css1/box_properties/margin_right-expected.txt:
+        * platform/gtk/css1/box_properties/margin_top-expected.txt:
+        * platform/gtk/css1/box_properties/padding-expected.txt:
+        * platform/gtk/css1/box_properties/padding_bottom-expected.txt:
+        * platform/gtk/css1/box_properties/padding_inline-expected.txt:
+        * platform/gtk/css1/box_properties/padding_left-expected.txt:
+        * platform/gtk/css1/box_properties/padding_right-expected.txt:
+        * platform/gtk/css1/box_properties/padding_top-expected.txt:
+        * platform/gtk/css1/box_properties/width-expected.txt:
+        * platform/gtk/css1/cascade/cascade_order-expected.txt:
+        * platform/gtk/css1/classification/display-expected.txt:
+        * platform/gtk/css1/classification/list_style_type-expected.txt:
+        * platform/gtk/css1/classification/white_space-expected.txt:
+        * platform/gtk/css1/color_and_background/background-expected.txt:
+        * platform/gtk/css1/color_and_background/background_attachment-expected.txt:
+        * platform/gtk/css1/color_and_background/background_position-expected.txt:
+        * platform/gtk/css1/color_and_background/background_repeat-expected.txt:
+        * platform/gtk/css1/conformance/forward_compatible_parsing-expected.txt:
+        * platform/gtk/css1/font_properties/font-expected.txt:
+        * platform/gtk/css1/font_properties/font_family-expected.txt:
+        * platform/gtk/css1/font_properties/font_size-expected.txt:
+        * platform/gtk/css1/font_properties/font_weight-expected.txt:
+        * platform/gtk/css1/formatting_model/floating_elements-expected.txt:
+        * platform/gtk/css1/formatting_model/height_of_lines-expected.txt:
+        * platform/gtk/css1/formatting_model/horizontal_formatting-expected.txt:
+        * platform/gtk/css1/formatting_model/inline_elements-expected.txt:
+        * platform/gtk/css1/formatting_model/replaced_elements-expected.txt:
+        * platform/gtk/css1/formatting_model/vertical_formatting-expected.txt:
+        * platform/gtk/css1/pseudo/anchor-expected.txt:
+        * platform/gtk/css1/pseudo/firstletter-expected.txt:
+        * platform/gtk/css1/pseudo/firstline-expected.txt:
+        * platform/gtk/css1/pseudo/multiple_pseudo_elements-expected.txt:
+        * platform/gtk/css1/pseudo/pseudo_elements_in_selectors-expected.txt:
+        * platform/gtk/css1/text_properties/letter_spacing-expected.txt:
+        * platform/gtk/css1/text_properties/line_height-expected.txt:
+        * platform/gtk/css1/text_properties/text_decoration-expected.txt:
+        * platform/gtk/css1/text_properties/text_indent-expected.txt:
+        * platform/gtk/css1/text_properties/text_transform-expected.txt:
+        * platform/gtk/css1/text_properties/vertical_align-expected.txt:
+        * platform/gtk/css1/text_properties/word_spacing-expected.txt:
+        * platform/gtk/css1/units/color_units-expected.txt:
+        * platform/gtk/css1/units/length_units-expected.txt:
+        * platform/gtk/css1/units/percentage_units-expected.txt:
+        * platform/gtk/editing/deleting/delete-line-end-ws-001-expected.txt:
+        * platform/gtk/editing/deleting/delete-line-end-ws-002-expected.txt:
+        * platform/gtk/fast/multicol/layers-in-multicol-expected.txt:
+        * platform/gtk/fast/multicol/layers-split-across-columns-expected.txt:
+        * platform/gtk/fast/multicol/nested-columns-expected.txt:
+        * platform/gtk/fast/repaint/fixed-child-move-after-scroll-expected.txt:
+        * platform/gtk/fast/repaint/fixed-child-of-fixed-move-after-scroll-expected.txt:
+        * platform/gtk/fast/repaint/fixed-child-of-transformed-move-after-scroll-expected.txt:
+        * platform/gtk/fast/repaint/fixed-move-after-scroll-expected.txt:
+        * platform/gtk/fast/repaint/fixed-tranformed-expected.txt:
+        * platform/gtk/fast/repaint/repaint-during-scroll-expected.txt:
+        * platform/gtk/fast/text/format-control-expected.txt:
+
 2010-06-01  Pavel Feldman  <pfeldman@chromium.org>
 
         Not reviewed: Chromium: rebaseline some svg tests.
index f7ff6d3..743b0f9 100644 (file)
@@ -5920,10 +5920,6 @@ svg/custom/svg-fonts-with-no-element-reference.html
 # Discussed in https://bugs.webkit.org/show_bug.cgi?id=38928
 fast/loader/recursive-before-unload-crash.html 
 
-# Tests failing only on the 32-bit debug bot
-# https://bugs.webkit.org/show_bug.cgi?id=39101
-css1/color_and_background/background_attachment.html
-
 # New canvas test suite from http://philip.html5.org/tests/canvas/suite/tests/
 canvas/philip
 
index 931dc2e..1e7bf43 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x611
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x611
-  RenderBlock {HTML} at (0,0) size 800x611
-    RenderBody {BODY} at (8,8) size 784x595 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x611
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x611
+  RenderBlock {HTML} at (0,0) size 781x611
+    RenderBody {BODY} at (8,8) size 765x595 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x64
+      RenderBlock {PRE} at (0,36) size 765x64
         RenderText {#text} at (0,0) size 176x63
           text run at (0,0) width 160: ".one {color: green;}"
           text run at (160,0) width 0: " "
@@ -16,25 +16,25 @@ layer at (0,0) size 800x611
           text run at (152,32) width 0: " "
           text run at (0,48) width 176: "P.two {color: purple;}"
           text run at (176,48) width 0: " "
-      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,131) size 784x20 [color=#008000]
+      RenderBlock {HR} at (0,113) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,131) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,167) size 784x20
+      RenderBlock {P} at (0,167) size 765x20
         RenderText {#text} at (0,0) size 559x20
           text run at (0,0) width 559: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
-      RenderBlock {P} at (0,203) size 784x20 [color=#008000]
+      RenderBlock {P} at (0,203) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,239) size 784x20 [color=#800080]
+      RenderBlock {P} at (0,239) size 765x20 [color=#800080]
         RenderText {#text} at (0,0) size 199x20
           text run at (0,0) width 199: "This sentence should be purple."
-      RenderBlock {PRE} at (0,275) size 784x16
+      RenderBlock {PRE} at (0,275) size 765x16
         RenderText {#text} at (0,0) size 280x15
           text run at (0,0) width 280: "This sentence should NOT be purple."
           text run at (280,0) width 0: " "
-      RenderBlock {UL} at (0,307) size 784x20
-        RenderListItem {LI} at (40,0) size 744x20
+      RenderBlock {UL} at (0,307) size 765x20
+        RenderListItem {LI} at (40,0) size 725x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 237x20
             text run at (0,0) width 237: "This sentence should NOT be purple."
index a490fe8..fc5a43b 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x923
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x923
-  RenderBlock {HTML} at (0,0) size 800x923
-    RenderBody {BODY} at (8,8) size 784x907 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x923
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x923
+  RenderBlock {HTML} at (0,0) size 781x923
+    RenderBody {BODY} at (8,8) size 765x907 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x240
+      RenderBlock {PRE} at (0,36) size 765x240
         RenderText {#text} at (0,0) size 336x239
           text run at (0,0) width 232: "/* This is a CSS1 comment. */"
           text run at (232,0) width 0: " "
@@ -37,29 +37,29 @@ layer at (0,0) size 800x923
           text run at (0,208) width 176: ".eight {color: green;}"
           text run at (176,208) width 0: " "
           text run at (0,224) width 0: " "
-      RenderBlock {HR} at (0,289) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,307) size 784x20 [color=#008000]
+      RenderBlock {HR} at (0,289) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,307) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,343) size 784x20
+      RenderBlock {P} at (0,343) size 765x20
         RenderText {#text} at (0,0) size 193x20
           text run at (0,0) width 193: "This sentence should be black."
-      RenderBlock {P} at (0,379) size 784x20 [color=#008000]
+      RenderBlock {P} at (0,379) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,415) size 784x20
+      RenderBlock {P} at (0,415) size 765x20
         RenderText {#text} at (0,0) size 193x20
           text run at (0,0) width 193: "This sentence should be black."
-      RenderBlock {P} at (0,451) size 784x20 [color=#008000]
+      RenderBlock {P} at (0,451) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,487) size 784x20 [color=#008000]
+      RenderBlock {P} at (0,487) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,523) size 784x20 [color=#008000]
+      RenderBlock {P} at (0,523) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,559) size 784x20 [color=#008000]
+      RenderBlock {P} at (0,559) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
       RenderTable {TABLE} at (0,595) size 216x312 [border: (1px outset #808080)]
index 456bf31..70ccde0 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1015
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1015
-  RenderBlock {HTML} at (0,0) size 800x1015
-    RenderBody {BODY} at (8,8) size 784x999 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x1035
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1035
+  RenderBlock {HTML} at (0,0) size 781x1035
+    RenderBody {BODY} at (8,8) size 765x1019 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x160
+      RenderBlock {PRE} at (0,36) size 765x160
         RenderText {#text} at (0,0) size 728x159
           text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
           text run at (624,0) width 0: " "
@@ -28,8 +28,8 @@ layer at (0,0) size 800x1015
           text run at (168,128) width 0: " "
           text run at (0,144) width 24: "-->"
           text run at (24,144) width 0: " "
-      RenderBlock {HR} at (0,209) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,227) size 784x20
+      RenderBlock {HR} at (0,209) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,227) size 765x20
         RenderText {#text} at (0,0) size 404x20
           text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
         RenderInline {CODE} at (0,0) size 96x15
@@ -37,7 +37,7 @@ layer at (0,0) size 800x1015
             text run at (404,4) width 96: "linktest.css"
         RenderText {#text} at (500,0) size 254x20
           text run at (500,0) width 254: ", the reference to which is shown above."
-      RenderBlock {P} at (0,263) size 784x42
+      RenderBlock {P} at (0,263) size 765x42
         RenderText {#text} at (0,1) size 442x20
           text run at (0,1) width 442: "This sentence should NOT be underlined due to the linked style sheet "
         RenderInline {CODE} at (0,0) size 104x15
@@ -51,8 +51,8 @@ layer at (0,0) size 800x1015
         RenderText {#text} at (595,1) size 741x41
           text run at (595,1) width 146: " the external style sheet"
           text run at (0,22) width 325: "\"Alternate SS\" has been selected via the user agent."
-      RenderBlock {UL} at (0,321) size 784x60 [color=#FF0000]
-        RenderListItem {LI} at (40,0) size 744x20 [color=#008000]
+      RenderBlock {UL} at (0,321) size 765x60 [color=#FF0000]
+        RenderListItem {LI} at (40,0) size 725x20 [color=#008000]
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 390x20
             text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
@@ -61,7 +61,7 @@ layer at (0,0) size 800x1015
               text run at (390,4) width 208: "@import url(imptest1.css);"
           RenderText {#text} at (598,0) size 9x20
             text run at (598,0) width 9: "]."
-        RenderListItem {LI} at (40,20) size 744x20 [color=#800080]
+        RenderListItem {LI} at (40,20) size 725x20 [color=#800080]
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 395x20
             text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
@@ -70,7 +70,7 @@ layer at (0,0) size 800x1015
               text run at (395,4) width 184: "@import \"imptest1a.css\""
           RenderText {#text} at (579,0) size 9x20
             text run at (579,0) width 9: "]."
-        RenderListItem {LI} at (40,40) size 744x20 [color=#008000]
+        RenderListItem {LI} at (40,40) size 725x20 [color=#008000]
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 393x20
             text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
@@ -79,23 +79,23 @@ layer at (0,0) size 800x1015
               text run at (393,4) width 168: "STYLE=\"color: green;\""
           RenderText {#text} at (561,0) size 9x20
             text run at (561,0) width 9: "]."
-      RenderBlock {P} at (0,397) size 784x20 [color=#800080]
+      RenderBlock {P} at (0,397) size 765x20 [color=#800080]
         RenderText {#text} at (0,0) size 500x20
           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,433) size 784x60
-        RenderListItem {LI} at (40,0) size 744x20
+      RenderBlock {OL} at (0,433) size 765x60
+        RenderListItem {LI} at (40,0) size 725x20
           RenderListMarker at (-21,0) size 16x20: "1"
           RenderText {#text} at (0,0) size 201x20
             text run at (0,0) width 201: "This list should NOT be purple."
-        RenderListItem {LI} at (40,20) size 744x20
+        RenderListItem {LI} at (40,20) size 725x20
           RenderListMarker at (-21,0) size 16x20: "2"
           RenderText {#text} at (0,0) size 172x20
             text run at (0,0) width 172: "It should, instead, be black."
-        RenderListItem {LI} at (40,40) size 744x20
+        RenderListItem {LI} at (40,40) size 725x20
           RenderListMarker at (-21,0) size 16x20: "3"
           RenderText {#text} at (0,0) size 501x20
             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,509) size 784x40
+      RenderBlock {P} at (0,509) size 765x40
         RenderText {#text} at (0,0) size 697x20
           text run at (0,0) width 197: "This sentence should be black. "
           text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
@@ -109,30 +109,31 @@ layer at (0,0) size 800x1015
             text run at (129,20) width 68: "section 3.0"
         RenderText {#text} at (197,20) size 275x20
           text run at (197,20) width 275: " of the CSS1 specification for more details)."
-      RenderBlock {P} at (0,565) size 784x20 [color=#008000]
+      RenderBlock {P} at (0,565) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This paragraph should be green."
-      RenderTable {TABLE} at (0,601) size 784x398 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x396
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,601) size 765x418 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x416
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x366
-            RenderTableCell {TD} at (0,199) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,30) size 763x386
+            RenderTableCell {TD} at (0,209) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x366 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x20
+            RenderTableCell {TD} at (12,30) size 751x386 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 743x40
                 RenderText {#text} at (0,0) size 404x20
                   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,4) size 96x15
                     text run at (404,4) width 96: "linktest.css"
-                RenderText {#text} at (500,0) size 254x20
-                  text run at (500,0) width 254: ", the reference to which is shown above."
-              RenderBlock {P} at (4,40) size 762x42
+                RenderText {#text} at (500,0) size 708x40
+                  text run at (500,0) width 208: ", the reference to which is shown"
+                  text run at (0,20) width 42: "above."
+              RenderBlock {P} at (4,60) size 743x42
                 RenderText {#text} at (0,1) size 442x20
                   text run at (0,1) width 442: "This sentence should NOT be underlined due to the linked style sheet "
                 RenderInline {CODE} at (0,0) size 104x15
@@ -146,8 +147,8 @@ layer at (0,0) size 800x1015
                 RenderText {#text} at (595,1) size 741x41
                   text run at (595,1) width 146: " the external style sheet"
                   text run at (0,22) width 325: "\"Alternate SS\" has been selected via the user agent."
-              RenderBlock {UL} at (4,98) size 762x60 [color=#FF0000]
-                RenderListItem {LI} at (40,0) size 722x20 [color=#008000]
+              RenderBlock {UL} at (4,118) size 743x60 [color=#FF0000]
+                RenderListItem {LI} at (40,0) size 703x20 [color=#008000]
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 390x20
                     text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
@@ -156,7 +157,7 @@ layer at (0,0) size 800x1015
                       text run at (390,4) width 208: "@import url(imptest1.css);"
                   RenderText {#text} at (598,0) size 9x20
                     text run at (598,0) width 9: "]."
-                RenderListItem {LI} at (40,20) size 722x20 [color=#800080]
+                RenderListItem {LI} at (40,20) size 703x20 [color=#800080]
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 395x20
                     text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
@@ -165,7 +166,7 @@ layer at (0,0) size 800x1015
                       text run at (395,4) width 184: "@import \"imptest1a.css\""
                   RenderText {#text} at (579,0) size 9x20
                     text run at (579,0) width 9: "]."
-                RenderListItem {LI} at (40,40) size 722x20 [color=#008000]
+                RenderListItem {LI} at (40,40) size 703x20 [color=#008000]
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 393x20
                     text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
@@ -174,23 +175,23 @@ layer at (0,0) size 800x1015
                       text run at (393,4) width 168: "STYLE=\"color: green;\""
                   RenderText {#text} at (561,0) size 9x20
                     text run at (561,0) width 9: "]."
-              RenderBlock {P} at (4,174) size 762x20 [color=#800080]
+              RenderBlock {P} at (4,194) size 743x20 [color=#800080]
                 RenderText {#text} at (0,0) size 500x20
                   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,210) size 762x60
-                RenderListItem {LI} at (40,0) size 722x20
+              RenderBlock {OL} at (4,230) size 743x60
+                RenderListItem {LI} at (40,0) size 703x20
                   RenderListMarker at (-21,0) size 16x20: "1"
                   RenderText {#text} at (0,0) size 201x20
                     text run at (0,0) width 201: "This list should NOT be purple."
-                RenderListItem {LI} at (40,20) size 722x20
+                RenderListItem {LI} at (40,20) size 703x20
                   RenderListMarker at (-21,0) size 16x20: "2"
                   RenderText {#text} at (0,0) size 172x20
                     text run at (0,0) width 172: "It should, instead, be black."
-                RenderListItem {LI} at (40,40) size 722x20
+                RenderListItem {LI} at (40,40) size 703x20
                   RenderListMarker at (-21,0) size 16x20: "3"
                   RenderText {#text} at (0,0) size 501x20
                     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,286) size 762x40
+              RenderBlock {P} at (4,306) size 743x40
                 RenderText {#text} at (0,0) size 697x20
                   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"
@@ -204,6 +205,6 @@ layer at (0,0) size 800x1015
                     text run at (129,20) width 68: "section 3.0"
                 RenderText {#text} at (197,20) size 275x20
                   text run at (197,20) width 275: " of the CSS1 specification for more details)."
-              RenderBlock {P} at (4,342) size 762x20 [color=#008000]
+              RenderBlock {P} at (4,362) size 743x20 [color=#008000]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This paragraph should be green."
index 25a2890..12d2e3a 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x661
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x661
-  RenderBlock {HTML} at (0,0) size 800x661
-    RenderBody {BODY} at (8,8) size 784x645 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x661
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x661
+  RenderBlock {HTML} at (0,0) size 781x661
+    RenderBody {BODY} at (8,8) size 765x645 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x128
+      RenderBlock {PRE} at (0,36) size 765x128
         RenderText {#text} at (0,0) size 272x127
           text run at (0,0) width 160: "#one {color: green;}"
           text run at (160,0) width 0: " "
@@ -23,14 +23,14 @@ layer at (0,0) size 800x661
           text run at (0,96) width 240: "P#five, P#five2 {color: blue;}"
           text run at (240,96) width 0: " "
           text run at (0,112) width 240: "P#six, P#six2 {color: purple;}"
-      RenderBlock {HR} at (0,177) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,195) size 784x20 [color=#008000]
+      RenderBlock {HR} at (0,177) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,195) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,231) size 784x20 [color=#008000]
+      RenderBlock {P} at (0,231) size 765x20 [color=#008000]
         RenderText {#text} at (0,0) size 194x20
           text run at (0,0) width 194: "This sentence should be green."
-      RenderBlock {P} at (0,267) size 784x20 [color=#0000FF]
+      RenderBlock {P} at (0,267) size 765x20 [color=#0000FF]
         RenderText {#text} at (0,0) size 200x20
           text run at (0,0) width 200: "This paragraph should be blue ["
         RenderInline {TT} at (0,0) size 64x15
@@ -38,16 +38,16 @@ layer at (0,0) size 800x661
             text run at (200,4) width 64: "ID=\"two\""
         RenderText {#text} at (264,0) size 9x20
           text run at (264,0) width 9: "]."
-      RenderBlock {PRE} at (0,303) size 784x16
+      RenderBlock {PRE} at (0,303) size 765x16
         RenderText {#text} at (0,0) size 392x15
           text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
           text run at (392,0) width 0: " "
-      RenderBlock {PRE} at (0,332) size 784x16
+      RenderBlock {PRE} at (0,332) size 765x16
         RenderText {#text} at (0,0) size 472x15
           text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
           text run at (472,0) width 0: " "
-      RenderBlock {UL} at (0,364) size 784x20
-        RenderListItem {LI} at (40,0) size 744x20
+      RenderBlock {UL} at (0,364) size 765x20
+        RenderListItem {LI} at (40,0) size 725x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 237x20
             text run at (0,0) width 237: "This sentence should NOT be purple."
index af2544d..093875f 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x785
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x785
-  RenderBlock {HTML} at (0,0) size 800x785
-    RenderBody {BODY} at (8,8) size 784x769 [color=#008000] [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x785
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x785
+  RenderBlock {HTML} at (0,0) size 781x785
+    RenderBody {BODY} at (8,8) size 765x769 [color=#008000] [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x112
+      RenderBlock {PRE} at (0,36) size 765x112
         RenderText {#text} at (0,0) size 272x111
           text run at (0,0) width 160: "BODY {color: green;}"
           text run at (160,0) width 0: " "
@@ -22,8 +22,8 @@ layer at (0,0) size 800x785
           text run at (152,80) width 0: " "
           text run at (0,96) width 184: ".three {color: purple;}"
           text run at (184,96) width 0: " "
-      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #008000)]
-      RenderBlock {H3} at (0,181) size 784x26 [color=#0000FF]
+      RenderBlock {HR} at (0,161) size 765x2 [border: (1px inset #008000)]
+      RenderBlock {H3} at (0,181) size 765x26 [color=#0000FF]
         RenderText {#text} at (0,0) size 220x26
           text run at (0,0) width 220: "This sentence should show "
         RenderInline {STRONG} at (0,0) size 35x26
@@ -36,7 +36,7 @@ layer at (0,0) size 800x785
             text run at (297,0) width 51: "purple"
         RenderText {#text} at (348,0) size 5x26
           text run at (348,0) width 5: "."
-      RenderBlock {H3} at (0,225) size 784x26 [color=#0000FF]
+      RenderBlock {H3} at (0,225) size 765x26 [color=#0000FF]
         RenderText {#text} at (0,0) size 197x26
           text run at (0,0) width 197: "This sentence should be "
         RenderInline {SPAN} at (0,0) size 34x26
@@ -44,7 +44,7 @@ layer at (0,0) size 800x785
             text run at (197,0) width 34: "blue"
         RenderText {#text} at (231,0) size 104x26
           text run at (231,0) width 104: " throughout."
-      RenderBlock {P} at (0,269) size 784x20
+      RenderBlock {P} at (0,269) size 765x20
         RenderText {#text} at (0,0) size 226x20
           text run at (0,0) width 226: "This should be green except for the "
         RenderInline {EM} at (0,0) size 117x20 [color=#800080]
@@ -52,10 +52,10 @@ layer at (0,0) size 800x785
             text run at (226,0) width 117: "emphasized words"
         RenderText {#text} at (343,0) size 160x20
           text run at (343,0) width 160: ", which should be purple."
-      RenderBlock {H3} at (0,307) size 784x26 [color=#0000FF]
+      RenderBlock {H3} at (0,307) size 765x26 [color=#0000FF]
         RenderText {#text} at (0,0) size 296x26
           text run at (0,0) width 296: "This should be blue and underlined."
-      RenderBlock {P} at (0,351) size 784x22
+      RenderBlock {P} at (0,351) size 765x22
         RenderText {#text} at (0,1) size 293x20
           text run at (0,1) width 293: "This sentence should be underlined, including "
         RenderInline {TT} at (0,0) size 72x15
@@ -78,7 +78,7 @@ layer at (0,0) size 800x785
             text run at (520,0) width 57: "this part"
         RenderText {#text} at (577,1) size 4x20
           text run at (577,1) width 4: "."
-      RenderBlock {P} at (0,389) size 784x20 [color=#000080]
+      RenderBlock {P} at (0,389) size 765x20 [color=#000080]
         RenderText {#text} at (0,0) size 436x20
           text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
         RenderInline {TT} at (0,0) size 152x15
@@ -86,7 +86,7 @@ layer at (0,0) size 800x785
             text run at (436,4) width 152: "including this part"
         RenderText {#text} at (588,0) size 4x20
           text run at (588,0) width 4: "."
-      RenderBlock {P} at (0,425) size 784x22 [color=#800080]
+      RenderBlock {P} at (0,425) size 765x22 [color=#800080]
         RenderText {#text} at (0,1) size 266x20
           text run at (0,1) width 266: "This sentence should be purple, including "
         RenderInline {STRONG} at (0,0) size 57x22
diff --git a/LayoutTests/platform/gtk/css1/box_properties/acid_test-expected.txt b/LayoutTests/platform/gtk/css1/box_properties/acid_test-expected.txt
deleted file mode 100644 (file)
index 1d0954c..0000000
+++ /dev/null
@@ -1,78 +0,0 @@
-layer at (0,0) size 800x600
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x485
-  RenderBlock {HTML} at (0,0) size 800x485 [color=#FFFFFF] [bgcolor=#0000FF]
-    RenderBody {BODY} at (15,15) size 490x455 [bgcolor=#FFFFFF] [border: (5px solid #000000)]
-      RenderBlock {DL} at (5,5) size 480x10
-        RenderBlock (floating) {DT} at (5,5) size 79x310 [bgcolor=#CC0000] [border: (5px solid #000000)]
-          RenderText {#text} at (15,15) size 60x10
-            text run at (15,15) width 60: "toggle"
-        RenderBlock (floating) {DD} at (95,5) size 380x310 [border: (10px solid #000000)]
-          RenderBlock {UL} at (20,20) size 340x0
-            RenderBlock (floating) {LI} at (0,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
-              RenderText {#text} at (15,15) size 30x20
-                text run at (15,15) width 30: "the"
-                text run at (15,25) width 30: "way"
-            RenderBlock (floating) {LI} at (90,0) size 159x110 [bgcolor=#000000]
-              RenderBlock {P} at (10,10) size 139x20
-                RenderText {#text} at (0,0) size 90x20
-                  text run at (0,0) width 90: "the world"
-                  text run at (0,10) width 40: "ends"
-              RenderBlock (anonymous) at (10,30) size 139x0
-                RenderInline {FORM} at (0,0) size 0x0
-                  RenderText {#text} at (0,0) size 0x0
-              RenderBlock (anonymous) at (10,30) size 139x46
-                RenderBlock {P} at (0,0) size 139x23
-                  RenderText {#text} at (0,8) size 50x10
-                    text run at (0,8) width 50: "bang "
-                  RenderBlock {INPUT} at (55,3) size 15x15 [color=#000000]
-                  RenderText {#text} at (0,0) size 0x0
-                RenderBlock {P} at (0,23) size 139x23
-                  RenderText {#text} at (0,8) size 80x10
-                    text run at (0,8) width 80: "whimper "
-                  RenderBlock {INPUT} at (85,3) size 15x15 [color=#000000]
-                  RenderText {#text} at (0,0) size 0x0
-              RenderBlock (anonymous) at (10,76) size 139x0
-                RenderInline {FORM} at (0,0) size 0x0
-                RenderText {#text} at (0,0) size 0x0
-            RenderBlock (floating) {LI} at (259,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
-              RenderText {#text} at (15,15) size 40x30
-                text run at (15,15) width 10: "i"
-                text run at (15,25) width 40: "grow"
-                text run at (15,35) width 30: "old"
-            RenderBlock (floating) {LI} at (0,130) size 120x120 [bgcolor=#000000]
-              RenderText {#text} at (10,10) size 60x10
-                text run at (10,10) width 60: "pluot?"
-          RenderBlock (floating) {BLOCKQUOTE} at (160,150) size 70x140 [color=#000000] [bgcolor=#FFCC00] [border: (10px solid #000000) (15px solid #000000) (20px solid #000000) (5px solid #000000)]
-            RenderBlock {ADDRESS} at (5,20) size 50x20
-              RenderText {#text} at (0,0) size 60x20
-                text run at (0,0) width 30: "bar"
-                text run at (0,10) width 60: "maids,"
-          RenderBlock (floating) {H1} at (240,150) size 120x120 [bgcolor=#000000]
-            RenderText {#text} at (10,10) size 70x40
-              text run at (10,10) width 70: "sing to"
-              text run at (10,20) width 30: "me,"
-              text run at (10,30) width 70: "erbarme"
-              text run at (10,40) width 40: "dich"
-      RenderBlock {P} at (5,320) size 480x130 [color=#000000]
-        RenderText {#text} at (0,1) size 470x62
-          text run at (0,1) width 350: "This is a nonsensical document, but"
-          text run at (0,14) width 390: "syntactically valid HTML 4.0. All 100%-"
-          text run at (0,27) width 470: "conformant CSS1 agents should be able to render"
-          text run at (0,40) width 420: "the document elements above this paragraph"
-          text run at (0,53) width 420: "indistinguishably (to the pixel) from this"
-        RenderInline {A} at (0,0) size 200x10 [color=#0000EE]
-          RenderText {#text} at (0,66) size 200x10
-            text run at (0,66) width 200: "reference rendering,"
-        RenderText {#text} at (200,66) size 480x62
-          text run at (200,66) width 10: " "
-          text run at (210,66) width 260: "(except font rasterization"
-          text run at (0,79) width 460: "and form widgets). All discrepancies should be"
-          text run at (0,92) width 460: "traceable to CSS1 implementation shortcomings."
-          text run at (0,105) width 480: "Once you have finished evaluating this test, you"
-          text run at (0,118) width 180: "can return to the "
-        RenderInline {A} at (0,0) size 110x10 [color=#0000EE]
-          RenderText {#text} at (180,118) size 110x10
-            text run at (180,118) width 110: "parent page"
-        RenderText {#text} at (290,118) size 10x10
-          text run at (290,118) width 10: "."
index bfd02ad..55b0ae4 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1457
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1457
-  RenderBlock {HTML} at (0,0) size 800x1457
-    RenderBody {BODY} at (8,8) size 784x1441 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x1497
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1497
+  RenderBlock {HTML} at (0,0) size 781x1497
+    RenderBody {BODY} at (8,8) size 765x1481 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x144
+      RenderBlock {PRE} at (0,36) size 765x144
         RenderText {#text} at (0,0) size 272x143
           text run at (0,0) width 272: ".one {border: medium black solid;}"
           text run at (272,0) width 0: " "
@@ -26,44 +26,46 @@ layer at (0,0) size 800x1457
           text run at (168,112) width 0: " "
           text run at (0,128) width 232: "TD {border: 2px solid green;}"
           text run at (232,128) width 0: " "
-      RenderBlock {HR} at (0,193) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,211) size 784x40
-        RenderText {#text} at (0,0) size 780x40
+      RenderBlock {HR} at (0,193) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,211) size 765x40
+        RenderText {#text} at (0,0) size 748x40
           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,20) width 285: "to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,267) size 784x26 [border: (3px solid #000000)]
+          text run at (627,0) width 121: "This border applies"
+          text run at (0,20) width 317: "only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,267) size 765x26 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 483x20
           text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
-      RenderBlock {P} at (0,309) size 784x22 [border: (1px ridge #800000)]
+      RenderBlock {P} at (0,309) size 765x22 [border: (1px ridge #800000)]
         RenderText {#text} at (1,1) size 480x20
           text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
-      RenderBlock {P} at (0,347) size 784x40 [border: (10px outset #008080)]
+      RenderBlock {P} at (0,347) size 765x40 [border: (10px outset #008080)]
         RenderText {#text} at (10,10) size 518x20
           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,403) size 784x40 [border: (10px inset #808000)]
+      RenderBlock {P} at (0,403) size 765x40 [border: (10px inset #808000)]
         RenderText {#text} at (10,10) size 519x20
           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,459) size 784x20
+      RenderBlock {P} at (0,459) size 765x40
         RenderText {#text} at (0,0) size 348x20
           text run at (0,0) width 348: "This paragraph should have no border around it, as the "
         RenderInline {TT} at (0,0) size 96x15
           RenderText {#text} at (348,4) size 96x15
             text run at (348,4) width 96: "border-style"
-        RenderText {#text} at (444,0) size 323x20
-          text run at (444,0) width 323: " was not set, and it should not be offset in any way."
-      RenderBlock {P} at (0,495) size 784x26 [border: (3px double #800000)]
+        RenderText {#text} at (444,0) size 732x40
+          text run at (444,0) width 288: " was not set, and it should not be offset in any"
+          text run at (0,20) width 31: "way."
+      RenderBlock {P} at (0,515) size 765x46 [border: (3px double #800000)]
         RenderText {#text} at (3,3) size 535x20
           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,7) size 96x15
             text run at (538,7) width 96: "border-width"
-        RenderText {#text} at (634,3) size 140x20
-          text run at (634,3) width 140: " was not explicitly set."
-      RenderBlock {P} at (0,537) size 784x20
+        RenderText {#text} at (634,3) size 746x40
+          text run at (634,3) width 115: " was not explicitly"
+          text run at (3,23) width 21: "set."
+      RenderBlock {P} at (0,577) size 765x20
         RenderText {#text} at (0,0) size 621x20
           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,573) size 784x20
+      RenderBlock {P} at (0,613) size 765x20
         RenderInline {A} at (0,0) size 25x20
           RenderText {#text} at (0,0) size 25x20
             text run at (0,0) width 25: "The"
@@ -73,20 +75,20 @@ layer at (0,0) size 800x1457
           RenderImage {IMG} at (740,0) size 15x15
         RenderText {#text} at (755,0) size 4x20
           text run at (755,0) width 4: "."
-      RenderTable {TABLE} at (0,609) size 784x121 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x119
-          RenderTableRow {TR} at (0,5) size 782x46
-            RenderTableCell {TD} at (5,5) size 772x46 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
-              RenderText {#text} at (3,3) size 759x40
+      RenderTable {TABLE} at (0,649) size 765x121 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x119
+          RenderTableRow {TR} at (0,5) size 763x46
+            RenderTableCell {TD} at (5,5) size 753x46 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+              RenderText {#text} at (3,3) size 711x40
                 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,23) width 127: "half of the test page."
-          RenderTableRow {TR} at (0,56) size 782x58
-            RenderTableCell {TD} at (5,72) size 197x26 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+                text run at (408,3) width 306: "This is also true of the table-testing section in the"
+                text run at (3,23) width 175: "second half of the test page."
+          RenderTableRow {TR} at (0,56) size 763x58
+            RenderTableCell {TD} at (5,72) size 193x26 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (3,3) size 53x20
                 text run at (3,3) width 53: "Cell one"
-            RenderTableCell {TD} at (207,56) size 570x58 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (3,3) size 564x20
+            RenderTableCell {TD} at (203,56) size 555x58 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,3) size 549x20
                 RenderText {#text} at (0,0) size 54x20
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (3,23) size 163x32 [border: (1px outset #808080)]
@@ -95,39 +97,39 @@ layer at (0,0) size 800x1457
                     RenderTableCell {TD} at (2,2) size 157x26 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,3) size 151x20
                         text run at (3,3) width 151: "Nested single-cell table!"
-      RenderBlock {P} at (0,746) size 784x20
+      RenderBlock {P} at (0,786) size 765x20
         RenderText {#text} at (0,0) size 175x20
           text run at (0,0) width 175: "This is an unstyled element."
-      RenderTable {TABLE} at (0,782) size 784x659 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x657
-          RenderTableRow {TR} at (0,0) size 782x32
-            RenderTableCell {TD} at (0,0) size 782x32 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,822) size 765x659 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x657
+          RenderTableRow {TR} at (0,0) size 763x32
+            RenderTableCell {TD} at (0,0) size 763x32 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (5,5) size 163x22
                   text run at (5,5) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,32) size 782x625
+          RenderTableRow {TR} at (0,32) size 763x625
             RenderTableCell {TD} at (0,329) size 14x30 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (5,5) size 4x20
                 text run at (5,5) width 4: " "
-            RenderTableCell {TD} at (14,32) size 768x625 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (5,5) size 758x40
-                RenderText {#text} at (0,0) size 748x40
+            RenderTableCell {TD} at (14,32) size 749x625 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (5,5) size 739x40
+                RenderText {#text} at (0,0) size 700x40
                   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,20) width 317: "only to the cells, not the rows which contain them."
-              RenderBlock {P} at (5,61) size 758x26 [border: (3px solid #000000)]
+                  text run at (627,0) width 73: "This border"
+                  text run at (0,20) width 365: "applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (5,61) size 739x26 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 483x20
                   text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
-              RenderBlock {P} at (5,103) size 758x22 [border: (1px ridge #800000)]
+              RenderBlock {P} at (5,103) size 739x22 [border: (1px ridge #800000)]
                 RenderText {#text} at (1,1) size 480x20
                   text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
-              RenderBlock {P} at (5,141) size 758x40 [border: (10px outset #008080)]
+              RenderBlock {P} at (5,141) size 739x40 [border: (10px outset #008080)]
                 RenderText {#text} at (10,10) size 518x20
                   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,197) size 758x40 [border: (10px inset #808000)]
+              RenderBlock {P} at (5,197) size 739x40 [border: (10px inset #808000)]
                 RenderText {#text} at (10,10) size 519x20
                   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,253) size 758x40
+              RenderBlock {P} at (5,253) size 739x40
                 RenderText {#text} at (0,0) size 348x20
                   text run at (0,0) width 348: "This paragraph should have no border around it, as the "
                 RenderInline {TT} at (0,0) size 96x15
@@ -136,42 +138,42 @@ layer at (0,0) size 800x1457
                 RenderText {#text} at (444,0) size 732x40
                   text run at (444,0) width 288: " was not set, and it should not be offset in any"
                   text run at (0,20) width 31: "way."
-              RenderBlock {P} at (5,309) size 758x46 [border: (3px double #800000)]
+              RenderBlock {P} at (5,309) size 739x46 [border: (3px double #800000)]
                 RenderText {#text} at (3,3) size 535x20
                   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,7) size 96x15
                     text run at (538,7) width 96: "border-width"
-                RenderText {#text} at (634,3) size 746x40
-                  text run at (634,3) width 115: " was not explicitly"
-                  text run at (3,23) width 21: "set."
-              RenderBlock {P} at (5,371) size 758x20
+                RenderText {#text} at (634,3) size 684x40
+                  text run at (634,3) width 53: " was not"
+                  text run at (3,23) width 83: "explicitly set."
+              RenderBlock {P} at (5,371) size 739x20
                 RenderText {#text} at (0,0) size 621x20
                   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,407) size 758x40
+              RenderBlock {P} at (5,407) size 739x40
                 RenderInline {A} at (0,0) size 25x20
                   RenderText {#text} at (0,0) size 25x20
                     text run at (0,0) width 25: "The"
-                RenderText {#text} at (25,0) size 715x20
-                  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: "
+                RenderText {#text} at (25,0) size 711x20
+                  text run at (25,0) width 711: " following image is also an anchor which points to a target on this page, but it should not have a border around it:"
                 RenderInline {A} at (0,0) size 15x20 [color=#0000FF]
-                  RenderImage {IMG} at (740,0) size 15x15
-                RenderText {#text} at (0,20) size 4x20
-                  text run at (0,20) width 4: "."
-              RenderTable {TABLE} at (5,463) size 758x121 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 756x119
-                  RenderTableRow {TR} at (0,5) size 756x46
-                    RenderTableCell {TD} at (5,5) size 746x46 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+                  RenderImage {IMG} at (0,20) size 15x15
+                RenderText {#text} at (15,20) size 4x20
+                  text run at (15,20) width 4: "."
+              RenderTable {TABLE} at (5,463) size 739x121 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 737x119
+                  RenderTableRow {TR} at (0,5) size 737x46
+                    RenderTableCell {TD} at (5,5) size 727x46 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
                       RenderText {#text} at (3,3) size 711x40
                         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,23) width 175: "second half of the test page."
-                  RenderTableRow {TR} at (0,56) size 756x58
-                    RenderTableCell {TD} at (5,72) size 191x26 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+                  RenderTableRow {TR} at (0,56) size 737x58
+                    RenderTableCell {TD} at (5,72) size 186x26 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,3) size 53x20
                         text run at (3,3) width 53: "Cell one"
-                    RenderTableCell {TD} at (201,56) size 550x58 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (3,3) size 544x20
+                    RenderTableCell {TD} at (196,56) size 536x58 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,3) size 530x20
                         RenderText {#text} at (0,0) size 54x20
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (3,23) size 163x32 [border: (1px outset #808080)]
@@ -180,6 +182,6 @@ layer at (0,0) size 800x1457
                             RenderTableCell {TD} at (2,2) size 157x26 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (3,3) size 151x20
                                 text run at (3,3) width 151: "Nested single-cell table!"
-              RenderBlock {P} at (5,600) size 758x20
+              RenderBlock {P} at (5,600) size 739x20
                 RenderText {#text} at (0,0) size 175x20
                   text run at (0,0) width 175: "This is an unstyled element."
index 44cbea0..d8ee530 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1065
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1065
-  RenderBlock {HTML} at (0,0) size 800x1065
-    RenderBody {BODY} at (8,8) size 784x1049 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x1065
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1065
+  RenderBlock {HTML} at (0,0) size 781x1065
+    RenderBody {BODY} at (8,8) size 765x1049 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x64
+      RenderBlock {PRE} at (0,36) size 765x64
         RenderText {#text} at (0,0) size 344x63
           text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
           text run at (328,0) width 0: " "
@@ -16,32 +16,32 @@ layer at (0,0) size 800x1065
           text run at (344,32) width 0: " "
           text run at (0,48) width 288: "TD {border-bottom: green 2px solid;}"
           text run at (288,48) width 0: " "
-      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,131) size 784x40
-        RenderText {#text} at (0,0) size 779x40
+      RenderBlock {HR} at (0,113) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,131) size 765x40
+        RenderText {#text} at (0,0) size 731x40
           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,20) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,187) size 784x30 [border: (10px double #800080) none]
+          text run at (658,0) width 73: "This border"
+          text run at (0,20) width 365: "applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,187) size 765x30 [border: (10px double #800080) none]
         RenderText {#text} at (0,0) size 438x20
           text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
-      RenderBlock {P} at (0,233) size 784x21 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,233) size 765x21 [border: (1px solid #800080) none]
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
-      RenderTable {TABLE} at (0,270) size 784x118 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x116
-          RenderTableRow {TR} at (0,5) size 782x45
-            RenderTableCell {TD} at (5,5) size 772x45 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderText {#text} at (2,2) size 759x40
+      RenderTable {TABLE} at (0,270) size 765x118 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x116
+          RenderTableRow {TR} at (0,5) size 763x45
+            RenderTableCell {TD} at (5,5) size 753x45 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderText {#text} at (2,2) size 736x40
                 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,22) width 175: "second half of the test page."
-          RenderTableRow {TR} at (0,55) size 782x56
-            RenderTableCell {TD} at (5,70) size 196x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                text run at (455,2) width 283: "This is also true of the table-testing section in"
+                text run at (2,22) width 198: "the second half of the test page."
+          RenderTableRow {TR} at (0,55) size 763x56
+            RenderTableCell {TD} at (5,70) size 191x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (2,2) size 53x20
                 text run at (2,2) width 53: "Cell one"
-            RenderTableCell {TD} at (206,55) size 571x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,2) size 567x20
+            RenderTableCell {TD} at (201,55) size 557x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 553x20
                 RenderText {#text} at (0,0) size 54x20
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,22) size 161x31 [border: (1px outset #808080)]
@@ -50,76 +50,76 @@ layer at (0,0) size 800x1065
                     RenderTableCell {TD} at (2,2) size 155x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,2) size 151x20
                         text run at (2,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,404) size 784x149
-        RenderListItem {LI} at (40,0) size 744x83 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,0) size 744x20
+      RenderBlock {UL} at (0,404) size 765x149
+        RenderListItem {LI} at (40,0) size 725x83 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,0) size 725x20
             RenderListMarker at (-18,0) size 7x20: bullet
             RenderText {#text} at (0,0) size 118x20
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,20) size 744x60
-            RenderListItem {LI} at (40,0) size 704x20
+          RenderBlock {UL} at (0,20) size 725x60
+            RenderListItem {LI} at (40,0) size 685x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 73x20
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,20) size 704x20
+            RenderListItem {LI} at (40,20) size 685x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 115x20
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,40) size 704x20
+            RenderListItem {LI} at (40,40) size 685x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 176x20
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,83) size 744x23 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,83) size 725x23 [border: (3px solid #000000) none]
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 158x20
             text run at (0,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,106) size 744x43 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,106) size 725x43 [border: (3px solid #000000) none]
           RenderListMarker at (-18,0) size 7x20: bullet
-          RenderText {#text} at (0,0) size 734x40
-            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,20) width 92: "should appear "
+          RenderText {#text} at (0,0) size 722x40
+            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,20) width 104: "it should appear "
           RenderInline {EM} at (0,0) size 50x20
-            RenderText {#text} at (92,20) size 50x20
-              text run at (92,20) width 50: "beneath"
-          RenderText {#text} at (142,20) size 390x20
-            text run at (142,20) width 390: " the nested list (below the line \"...nested within the list item.\")."
-      RenderTable {TABLE} at (0,569) size 784x480 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x478
-          RenderTableRow {TR} at (0,0) size 782x31
-            RenderTableCell {TD} at (0,0) size 782x31 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+            RenderText {#text} at (104,20) size 50x20
+              text run at (104,20) width 50: "beneath"
+          RenderText {#text} at (154,20) size 390x20
+            text run at (154,20) width 390: " the nested list (below the line \"...nested within the list item.\")."
+      RenderTable {TABLE} at (0,569) size 765x480 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x478
+          RenderTableRow {TR} at (0,0) size 763x31
+            RenderTableCell {TD} at (0,0) size 763x31 [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 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,31) size 782x447
+          RenderTableRow {TR} at (0,31) size 763x447
             RenderTableCell {TD} at (0,240) size 12x29 [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 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,31) size 770x447 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x40
+            RenderTableCell {TD} at (12,31) size 751x447 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 743x40
                 RenderText {#text} at (0,0) size 731x40
                   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,20) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,60) size 762x30 [border: (10px double #800080) none]
+              RenderBlock {P} at (4,60) size 743x30 [border: (10px double #800080) none]
                 RenderText {#text} at (0,0) size 438x20
                   text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
-              RenderBlock {P} at (4,106) size 762x21 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,106) size 743x21 [border: (1px solid #800080) none]
                 RenderText {#text} at (0,0) size 355x20
                   text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
-              RenderTable {TABLE} at (4,143) size 762x118 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 760x116
-                  RenderTableRow {TR} at (0,5) size 760x45
-                    RenderTableCell {TD} at (5,5) size 750x45 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-                      RenderText {#text} at (2,2) size 736x40
+              RenderTable {TABLE} at (4,143) size 743x118 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 741x116
+                  RenderTableRow {TR} at (0,5) size 741x45
+                    RenderTableCell {TD} at (5,5) size 731x45 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {#text} at (2,2) size 720x40
                         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,22) width 198: "the second half of the test page."
-                  RenderTableRow {TR} at (0,55) size 760x56
-                    RenderTableCell {TD} at (5,70) size 190x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                        text run at (455,2) width 267: "This is also true of the table-testing section"
+                        text run at (2,22) width 214: "in the second half of the test page."
+                  RenderTableRow {TR} at (0,55) size 741x56
+                    RenderTableCell {TD} at (5,70) size 185x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,2) size 53x20
                         text run at (2,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,55) size 555x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,2) size 551x20
+                    RenderTableCell {TD} at (195,55) size 541x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 537x20
                         RenderText {#text} at (0,0) size 54x20
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,22) size 161x31 [border: (1px outset #808080)]
@@ -128,36 +128,36 @@ layer at (0,0) size 800x1065
                             RenderTableCell {TD} at (2,2) size 155x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (2,2) size 151x20
                                 text run at (2,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,277) size 762x149
-                RenderListItem {LI} at (40,0) size 722x83 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,0) size 722x20
+              RenderBlock {UL} at (4,277) size 743x149
+                RenderListItem {LI} at (40,0) size 703x83 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,0) size 703x20
                     RenderListMarker at (-18,0) size 7x20: bullet
                     RenderText {#text} at (0,0) size 118x20
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,20) size 722x60
-                    RenderListItem {LI} at (40,0) size 682x20
+                  RenderBlock {UL} at (0,20) size 703x60
+                    RenderListItem {LI} at (40,0) size 663x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 73x20
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,20) size 682x20
+                    RenderListItem {LI} at (40,20) size 663x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 115x20
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,40) size 682x20
+                    RenderListItem {LI} at (40,40) size 663x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 176x20
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,83) size 722x23 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,83) size 703x23 [border: (3px solid #000000) none]
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 158x20
                     text run at (0,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,106) size 722x43 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,106) size 703x43 [border: (3px solid #000000) none]
                   RenderListMarker at (-18,0) size 7x20: bullet
-                  RenderText {#text} at (0,0) size 722x40
-                    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,20) width 104: "it should appear "
+                  RenderText {#text} at (0,0) size 695x40
+                    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,20) width 131: "that it should appear "
                   RenderInline {EM} at (0,0) size 50x20
-                    RenderText {#text} at (104,20) size 50x20
-                      text run at (104,20) width 50: "beneath"
-                  RenderText {#text} at (154,20) size 390x20
-                    text run at (154,20) width 390: " the nested list (below the line \"...nested within the list item.\")."
+                    RenderText {#text} at (131,20) size 50x20
+                      text run at (131,20) width 50: "beneath"
+                  RenderText {#text} at (181,20) size 390x20
+                    text run at (181,20) width 390: " the nested list (below the line \"...nested within the list item.\")."
index 5558b6f..0366713 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x921
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x921
-  RenderBlock {HTML} at (0,0) size 800x921
-    RenderBody {BODY} at (8,8) size 784x905 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x921
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x921
+  RenderBlock {HTML} at (0,0) size 781x921
+    RenderBody {BODY} at (8,8) size 765x905 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x96
+      RenderBlock {PRE} at (0,36) size 765x96
         RenderText {#text} at (0,0) size 464x95
           text run at (0,0) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
           text run at (456,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x921
           text run at (440,64) width 0: " "
           text run at (0,80) width 272: ".five {border-bottom-width: 25px;}"
           text run at (272,80) width 0: " "
-      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,163) size 784x20
+      RenderBlock {HR} at (0,145) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 765x20
         RenderText {#text} at (0,0) size 157x20
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,22 +29,22 @@ layer at (0,0) size 800x921
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x20
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,199) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,235) size 784x73 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,235) size 765x73 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 387x20
           text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
-      RenderBlock {P} at (0,324) size 784x28 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,324) size 765x28 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 344x20
           text run at (3,3) width 344: "This element should have a thick bottom border width."
-      RenderBlock {P} at (0,368) size 784x26 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,368) size 765x26 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 364x20
           text run at (3,3) width 364: "This element should have a medium bottom border width."
-      RenderBlock {P} at (0,410) size 784x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,410) size 765x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 337x20
           text run at (3,3) width 337: "This element should have a thin bottom border width."
-      RenderBlock {P} at (0,450) size 784x20
+      RenderBlock {P} at (0,450) size 765x20
         RenderText {#text} at (0,0) size 537x20
           text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
         RenderInline {CODE} at (0,0) size 96x15
@@ -52,7 +52,7 @@ layer at (0,0) size 800x921
             text run at (537,4) width 96: "border-style"
         RenderText {#text} at (633,0) size 54x20
           text run at (633,0) width 54: " was set."
-      RenderBlock {P} at (0,486) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,486) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
       RenderTable {TABLE} at (0,522) size 709x383 [border: (1px outset #808080)]
index 51a5651..4003eec 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1105
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1105
-  RenderBlock {HTML} at (0,0) size 800x1105
-    RenderBody {BODY} at (8,8) size 784x1089 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (20,0) size 764x20
+layer at (0,0) size 781x1105
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1105
+  RenderBlock {HTML} at (0,0) size 781x1105
+    RenderBody {BODY} at (8,8) size 765x1089 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (20,0) size 745x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x112
+      RenderBlock {PRE} at (0,36) size 765x112
         RenderText {#text} at (0,0) size 344x111
           text run at (0,0) width 176: "P {margin-left: 20px;}"
           text run at (176,0) width 0: " "
@@ -22,32 +22,32 @@ layer at (0,0) size 800x1105
           text run at (328,80) width 0: " "
           text run at (0,96) width 272: "TD {border-left: green 2px solid;}"
           text run at (272,96) width 0: " "
-      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (20,179) size 764x40
-        RenderText {#text} at (0,0) size 755x40
+      RenderBlock {HR} at (0,161) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (20,179) size 745x40
+        RenderText {#text} at (0,0) size 707x40
           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,20) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (20,235) size 764x20 [border: (10px double #800080)]
+          text run at (634,0) width 73: "This border"
+          text run at (0,20) width 365: "applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (20,235) size 745x20 [border: (10px double #800080)]
         RenderText {#text} at (10,0) size 414x20
           text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
-      RenderBlock {P} at (20,271) size 764x20 [border: (1px solid #800080)]
+      RenderBlock {P} at (20,271) size 745x20 [border: (1px solid #800080)]
         RenderText {#text} at (1,0) size 331x20
           text run at (1,0) width 331: "This paragraph should have a thin purple left border."
-      RenderTable {TABLE} at (0,307) size 784x115 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x113
-          RenderTableRow {TR} at (0,5) size 782x44
-            RenderTableCell {TD} at (5,5) size 772x44 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,307) size 765x115 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x113
+          RenderTableRow {TR} at (0,5) size 763x44
+            RenderTableCell {TD} at (5,5) size 753x44 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderText {#text} at (3,2) size 735x40
                 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,22) width 175: "second half of the test page."
-          RenderTableRow {TR} at (0,54) size 782x54
-            RenderTableCell {TD} at (5,69) size 197x24 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,54) size 763x54
+            RenderTableCell {TD} at (5,69) size 192x24 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (3,2) size 53x20
                 text run at (3,2) width 53: "Cell one"
-            RenderTableCell {TD} at (207,54) size 570x54 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (3,2) size 565x20
+            RenderTableCell {TD} at (202,54) size 556x54 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (3,2) size 551x20
                 RenderText {#text} at (0,0) size 54x20
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (3,22) size 162x30 [border: (1px outset #808080)]
@@ -56,73 +56,73 @@ layer at (0,0) size 800x1105
                     RenderTableCell {TD} at (2,2) size 156x24 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,2) size 151x20
                         text run at (3,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,438) size 784x160
-        RenderListItem {LI} at (40,0) size 744x80 [border: (3px solid #000000)]
-          RenderBlock (anonymous) at (3,0) size 741x20
+      RenderBlock {UL} at (0,438) size 765x160
+        RenderListItem {LI} at (40,0) size 725x80 [border: (3px solid #000000)]
+          RenderBlock (anonymous) at (3,0) size 722x20
             RenderListMarker at (-21,0) size 7x20: bullet
             RenderText {#text} at (0,0) size 118x20
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (3,20) size 741x60
-            RenderListItem {LI} at (40,0) size 701x20
+          RenderBlock {UL} at (3,20) size 722x60
+            RenderListItem {LI} at (40,0) size 682x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 73x20
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,20) size 701x20
+            RenderListItem {LI} at (40,20) size 682x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 115x20
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,40) size 701x20
+            RenderListItem {LI} at (40,40) size 682x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 176x20
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,80) size 744x20 [border: (3px solid #800080)]
+        RenderListItem {LI} at (40,80) size 725x20 [border: (3px solid #800080)]
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (3,0) size 158x20
             text run at (3,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,100) size 744x60 [border: (3px solid #0000FF)]
+        RenderListItem {LI} at (40,100) size 725x60 [border: (3px solid #0000FF)]
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (3,0) size 720x60
             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,20) 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,40) width 490: "the list item.\"), even though the nested list does not have any border styles set."
-      RenderTable {TABLE} at (0,614) size 784x475 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x473
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,614) size 765x475 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x473
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (5,4) size 163x22
                   text run at (5,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x443
+          RenderTableRow {TR} at (0,30) size 763x443
             RenderTableCell {TD} at (0,237) size 13x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (5,4) size 4x20
                 text run at (5,4) width 4: " "
-            RenderTableCell {TD} at (13,30) size 769x443 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (25,4) size 740x40
+            RenderTableCell {TD} at (13,30) size 750x443 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (25,4) size 721x40
                 RenderText {#text} at (0,0) size 707x40
                   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,20) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (25,60) size 740x20 [border: (10px double #800080)]
+              RenderBlock {P} at (25,60) size 721x20 [border: (10px double #800080)]
                 RenderText {#text} at (10,0) size 414x20
                   text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
-              RenderBlock {P} at (25,96) size 740x20 [border: (1px solid #800080)]
+              RenderBlock {P} at (25,96) size 721x20 [border: (1px solid #800080)]
                 RenderText {#text} at (1,0) size 331x20
                   text run at (1,0) width 331: "This paragraph should have a thin purple left border."
-              RenderTable {TABLE} at (5,132) size 760x115 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 758x113
-                  RenderTableRow {TR} at (0,5) size 758x44
-                    RenderTableCell {TD} at (5,5) size 748x44 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
-                      RenderText {#text} at (3,2) size 735x40
+              RenderTable {TABLE} at (5,132) size 741x115 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 739x113
+                  RenderTableRow {TR} at (0,5) size 739x44
+                    RenderTableCell {TD} at (5,5) size 729x44 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {#text} at (3,2) size 712x40
                         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,22) width 175: "second half of the test page."
-                  RenderTableRow {TR} at (0,54) size 758x54
-                    RenderTableCell {TD} at (5,69) size 191x24 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+                        text run at (432,2) width 283: "This is also true of the table-testing section in"
+                        text run at (3,22) width 198: "the second half of the test page."
+                  RenderTableRow {TR} at (0,54) size 739x54
+                    RenderTableCell {TD} at (5,69) size 186x24 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,2) size 53x20
                         text run at (3,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (201,54) size 552x54 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (3,2) size 547x20
+                    RenderTableCell {TD} at (196,54) size 538x54 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (3,2) size 533x20
                         RenderText {#text} at (0,0) size 54x20
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (3,22) size 162x30 [border: (1px outset #808080)]
@@ -131,32 +131,32 @@ layer at (0,0) size 800x1105
                             RenderTableCell {TD} at (2,2) size 156x24 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (3,2) size 151x20
                                 text run at (3,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (5,263) size 760x160
-                RenderListItem {LI} at (40,0) size 720x80 [border: (3px solid #000000)]
-                  RenderBlock (anonymous) at (3,0) size 717x20
+              RenderBlock {UL} at (5,263) size 741x160
+                RenderListItem {LI} at (40,0) size 701x80 [border: (3px solid #000000)]
+                  RenderBlock (anonymous) at (3,0) size 698x20
                     RenderListMarker at (-21,0) size 7x20: bullet
                     RenderText {#text} at (0,0) size 118x20
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (3,20) size 717x60
-                    RenderListItem {LI} at (40,0) size 677x20
+                  RenderBlock {UL} at (3,20) size 698x60
+                    RenderListItem {LI} at (40,0) size 658x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 73x20
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,20) size 677x20
+                    RenderListItem {LI} at (40,20) size 658x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 115x20
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,40) size 677x20
+                    RenderListItem {LI} at (40,40) size 658x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 176x20
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,80) size 720x20 [border: (3px solid #800080)]
+                RenderListItem {LI} at (40,80) size 701x20 [border: (3px solid #800080)]
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (3,0) size 158x20
                     text run at (3,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,100) size 720x60 [border: (3px solid #0000FF)]
+                RenderListItem {LI} at (40,100) size 701x60 [border: (3px solid #0000FF)]
                   RenderListMarker at (-18,0) size 7x20: bullet
-                  RenderText {#text} at (3,0) size 704x60
+                  RenderText {#text} at (3,0) size 691x60
                     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,20) 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,40) width 534: "within the list item.\"), even though the nested list does not have any border styles set."
+                    text run at (3,20) 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,40) width 597: "\"...nested within the list item.\"), even though the nested list does not have any border styles set."
index 09cffcc..c3fd1cc 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x855
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x855
-  RenderBlock {HTML} at (0,0) size 800x855
-    RenderBody {BODY} at (8,8) size 784x839 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x895
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x895
+  RenderBlock {HTML} at (0,0) size 781x895
+    RenderBody {BODY} at (8,8) size 765x879 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x96
+      RenderBlock {PRE} at (0,36) size 765x96
         RenderText {#text} at (0,0) size 448x95
           text run at (0,0) width 440: ".zero {background-color: silver; border-left-width: 0;}"
           text run at (440,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x855
           text run at (424,64) width 0: " "
           text run at (0,80) width 256: ".five {border-left-width: 25px;}"
           text run at (256,80) width 0: " "
-      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,163) size 784x20
+      RenderBlock {HR} at (0,145) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 765x20
         RenderText {#text} at (0,0) size 157x20
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,24 +29,25 @@ layer at (0,0) size 800x855
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x20
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,199) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,235) size 784x46 [border: (3px solid #000000) (50px solid #000000)]
-        RenderText {#text} at (50,3) size 713x40
-          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,23) width 86: "one line long."
-      RenderBlock {P} at (0,297) size 784x26 [border: (3px solid #000000) (5px solid #000000)]
-        RenderText {#text} at (5,3) size 760x20
-          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,339) size 784x46 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,235) size 765x46 [border: (3px solid #000000) (50px solid #000000)]
+        RenderText {#text} at (50,3) size 682x40
+          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,23) width 117: "than one line long."
+      RenderBlock {P} at (0,297) size 765x46 [border: (3px solid #000000) (5px solid #000000)]
+        RenderText {#text} at (5,3) size 724x40
+          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,23) width 32: "long."
+      RenderBlock {P} at (0,359) size 765x46 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 744x40
           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,23) width 32: "long."
-      RenderBlock {P} at (0,401) size 784x26 [border: (3px solid #000000) (1px solid #000000)]
+      RenderBlock {P} at (0,421) size 765x26 [border: (3px solid #000000) (1px solid #000000)]
         RenderText {#text} at (1,3) size 753x20
           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,443) size 784x20
+      RenderBlock {P} at (0,463) size 765x20
         RenderText {#text} at (0,0) size 513x20
           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
@@ -54,19 +55,19 @@ layer at (0,0) size 800x855
             text run at (513,4) width 96: "border-style"
         RenderText {#text} at (609,0) size 54x20
           text run at (609,0) width 54: " was set."
-      RenderTable {TABLE} at (0,479) size 784x360 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x358
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,499) size 765x380 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x378
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x328
-            RenderTableCell {TD} at (0,180) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,30) size 763x348
+            RenderTableCell {TD} at (0,190) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x328 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x20
+            RenderTableCell {TD} at (12,30) size 751x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 743x20
                 RenderText {#text} at (0,0) size 157x20
                   text run at (0,0) width 157: "(These will only work if "
                 RenderInline {CODE} at (0,0) size 96x15
@@ -74,25 +75,26 @@ layer at (0,0) size 800x855
                     text run at (157,4) width 96: "border-style"
                 RenderText {#text} at (253,0) size 89x20
                   text run at (253,0) width 89: " is supported.)"
-              RenderBlock {P} at (4,40) size 762x20 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,40) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,76) size 762x46 [border: (3px solid #000000) (50px solid #000000)]
+              RenderBlock {P} at (4,76) size 743x46 [border: (3px solid #000000) (50px solid #000000)]
                 RenderText {#text} at (50,3) size 682x40
                   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,23) width 117: "than one line long."
-              RenderBlock {P} at (4,138) size 762x46 [border: (3px solid #000000) (5px solid #000000)]
+              RenderBlock {P} at (4,138) size 743x46 [border: (3px solid #000000) (5px solid #000000)]
                 RenderText {#text} at (5,3) size 724x40
                   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,23) width 32: "long."
-              RenderBlock {P} at (4,200) size 762x46 [border: (3px solid #000000)]
-                RenderText {#text} at (3,3) size 744x40
-                  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,23) width 32: "long."
-              RenderBlock {P} at (4,262) size 762x26 [border: (3px solid #000000) (1px solid #000000)]
-                RenderText {#text} at (1,3) size 753x20
-                  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,304) size 762x20
+              RenderBlock {P} at (4,200) size 743x46 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 717x40
+                  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,23) width 59: "line long."
+              RenderBlock {P} at (4,262) size 743x46 [border: (3px solid #000000) (1px solid #000000)]
+                RenderText {#text} at (1,3) size 717x40
+                  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,23) width 32: "long."
+              RenderBlock {P} at (4,324) size 743x20
                 RenderText {#text} at (0,0) size 513x20
                   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 56a7b11..da98887 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1145
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1145
-  RenderBlock {HTML} at (0,0) size 800x1145
-    RenderBody {BODY} at (8,8) size 784x1129 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 764x20
+layer at (0,0) size 781x1165
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1165
+  RenderBlock {HTML} at (0,0) size 781x1165
+    RenderBody {BODY} at (8,8) size 765x1149 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 745x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x112
+      RenderBlock {PRE} at (0,36) size 765x112
         RenderText {#text} at (0,0) size 352x111
           text run at (0,0) width 184: "P {margin-right: 20px;}"
           text run at (184,0) width 0: " "
@@ -22,32 +22,32 @@ layer at (0,0) size 800x1145
           text run at (336,80) width 0: " "
           text run at (0,96) width 280: "TD {border-right: green 2px solid;}"
           text run at (280,96) width 0: " "
-      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,179) size 764x40
-        RenderText {#text} at (0,0) size 764x40
+      RenderBlock {HR} at (0,161) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,179) size 745x40
+        RenderText {#text} at (0,0) size 716x40
           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,20) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,235) size 764x20 [border: (10px double #800080) none]
+          text run at (643,0) width 73: "This border"
+          text run at (0,20) width 365: "applies only to the cells, not the rows which contain them."
+      RenderBlock {P} at (0,235) size 745x20 [border: (10px double #800080) none]
         RenderText {#text} at (0,0) size 423x20
           text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
-      RenderBlock {P} at (0,271) size 764x20 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,271) size 745x20 [border: (1px solid #800080) none]
         RenderText {#text} at (0,0) size 340x20
           text run at (0,0) width 340: "This paragraph should have a thin purple right border."
-      RenderTable {TABLE} at (0,307) size 784x115 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x113
-          RenderTableRow {TR} at (0,5) size 782x44
-            RenderTableCell {TD} at (5,5) size 772x44 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,307) size 765x115 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x113
+          RenderTableRow {TR} at (0,5) size 763x44
+            RenderTableCell {TD} at (5,5) size 753x44 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {#text} at (2,2) size 744x40
                 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,22) width 175: "second half of the test page."
-          RenderTableRow {TR} at (0,54) size 782x54
-            RenderTableCell {TD} at (5,69) size 196x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,54) size 763x54
+            RenderTableCell {TD} at (5,69) size 192x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (2,2) size 53x20
                 text run at (2,2) width 53: "Cell one"
-            RenderTableCell {TD} at (206,54) size 571x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,2) size 566x20
+            RenderTableCell {TD} at (202,54) size 556x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,2) size 551x20
                 RenderText {#text} at (0,0) size 54x20
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,22) size 162x30 [border: (1px outset #808080)]
@@ -56,75 +56,74 @@ layer at (0,0) size 800x1145
                     RenderTableCell {TD} at (2,2) size 156x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,2) size 151x20
                         text run at (2,2) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,438) size 784x180
-        RenderListItem {LI} at (40,0) size 744x80 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,0) size 741x20
+      RenderBlock {UL} at (0,438) size 765x180
+        RenderListItem {LI} at (40,0) size 725x80 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,0) size 722x20
             RenderListMarker at (-18,0) size 7x20: bullet
             RenderText {#text} at (0,0) size 118x20
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,20) size 741x60
-            RenderListItem {LI} at (40,0) size 701x20
+          RenderBlock {UL} at (0,20) size 722x60
+            RenderListItem {LI} at (40,0) size 682x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 73x20
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,20) size 701x20
+            RenderListItem {LI} at (40,20) size 682x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 115x20
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,40) size 701x20
+            RenderListItem {LI} at (40,40) size 682x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 176x20
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,80) size 744x20 [border: (3px solid #800080) none]
+        RenderListItem {LI} at (40,80) size 725x20 [border: (3px solid #800080) none]
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 158x20
             text run at (0,0) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,100) size 744x80 [border: (3px solid #0000FF) none]
+        RenderListItem {LI} at (40,100) size 725x80 [border: (3px solid #0000FF) none]
           RenderListMarker at (-18,0) size 7x20: bullet
-          RenderText {#text} at (0,0) size 733x80
-            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,20) 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,40) width 494: "the list item.\"), even though the nested list does not have any border styles set. "
-            text run at (494,40) width 239: "The borders should line up together at"
-            text run at (0,60) width 551: "the right edge of the document's body, as each list element has a default width of 100%."
-      RenderTable {TABLE} at (0,634) size 784x495 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x493
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+          RenderText {#text} at (0,0) size 707x80
+            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,20) 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,40) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
+            text run at (538,40) width 169: "The borders should line up"
+            text run at (0,60) 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,634) size 765x515 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x513
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [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 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x463
-            RenderTableCell {TD} at (0,247) size 13x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,30) size 763x483
+            RenderTableCell {TD} at (0,257) size 13x28 [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 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (13,30) size 769x463 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 740x40
+            RenderTableCell {TD} at (13,30) size 750x483 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 721x40
                 RenderText {#text} at (0,0) size 716x40
                   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,20) width 365: "applies only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,60) size 740x20 [border: (10px double #800080) none]
+              RenderBlock {P} at (4,60) size 721x20 [border: (10px double #800080) none]
                 RenderText {#text} at (0,0) size 423x20
                   text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
-              RenderBlock {P} at (4,96) size 740x20 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,96) size 721x20 [border: (1px solid #800080) none]
                 RenderText {#text} at (0,0) size 340x20
                   text run at (0,0) width 340: "This paragraph should have a thin purple right border."
-              RenderTable {TABLE} at (4,132) size 760x115 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 758x113
-                  RenderTableRow {TR} at (0,5) size 758x44
-                    RenderTableCell {TD} at (5,5) size 748x44 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderTable {TABLE} at (4,132) size 741x115 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 739x113
+                  RenderTableRow {TR} at (0,5) size 739x44
+                    RenderTableCell {TD} at (5,5) size 729x44 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                       RenderText {#text} at (2,2) size 721x40
                         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,22) width 198: "the second half of the test page."
-                  RenderTableRow {TR} at (0,54) size 758x54
-                    RenderTableCell {TD} at (5,69) size 190x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                  RenderTableRow {TR} at (0,54) size 739x54
+                    RenderTableCell {TD} at (5,69) size 185x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,2) size 53x20
                         text run at (2,2) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,54) size 553x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,2) size 548x20
+                    RenderTableCell {TD} at (195,54) size 539x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,2) size 534x20
                         RenderText {#text} at (0,0) size 54x20
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,22) size 162x30 [border: (1px outset #808080)]
@@ -133,34 +132,36 @@ layer at (0,0) size 800x1145
                             RenderTableCell {TD} at (2,2) size 156x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (2,2) size 151x20
                                 text run at (2,2) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,263) size 760x180
-                RenderListItem {LI} at (40,0) size 720x80 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,0) size 717x20
+              RenderBlock {UL} at (4,263) size 741x200
+                RenderListItem {LI} at (40,0) size 701x80 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,0) size 698x20
                     RenderListMarker at (-18,0) size 7x20: bullet
                     RenderText {#text} at (0,0) size 118x20
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,20) size 717x60
-                    RenderListItem {LI} at (40,0) size 677x20
+                  RenderBlock {UL} at (0,20) size 698x60
+                    RenderListItem {LI} at (40,0) size 658x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 73x20
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,20) size 677x20
+                    RenderListItem {LI} at (40,20) size 658x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 115x20
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,40) size 677x20
+                    RenderListItem {LI} at (40,40) size 658x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 176x20
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,80) size 720x20 [border: (3px solid #800080) none]
+                RenderListItem {LI} at (40,80) size 701x20 [border: (3px solid #800080) none]
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 158x20
                     text run at (0,0) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,100) size 720x80 [border: (3px solid #0000FF) none]
+                RenderListItem {LI} at (40,100) size 701x100 [border: (3px solid #0000FF) none]
                   RenderListMarker at (-18,0) size 7x20: bullet
-                  RenderText {#text} at (0,0) size 707x80
-                    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,20) 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,40) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
-                    text run at (538,40) width 169: "The borders should line up"
-                    text run at (0,60) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
+                  RenderText {#text} at (0,0) size 687x100
+                    text run at (0,0) width 654: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three"
+                    text run at (0,20) width 46: "colors. "
+                    text run at (46,20) 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,40) width 601: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
+                    text run at (601,40) width 76: "The borders"
+                    text run at (0,60) 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,80) width 41: "100%."
index 4d3c36e..ebbf4b0 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x875
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x875
-  RenderBlock {HTML} at (0,0) size 800x875
-    RenderBody {BODY} at (8,8) size 784x859 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x915
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x915
+  RenderBlock {HTML} at (0,0) size 781x915
+    RenderBody {BODY} at (8,8) size 765x899 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x96
+      RenderBlock {PRE} at (0,36) size 765x96
         RenderText {#text} at (0,0) size 456x95
           text run at (0,0) width 448: ".zero {background-color: silver; border-right-width: 0;}"
           text run at (448,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x875
           text run at (432,64) width 0: " "
           text run at (0,80) width 272: ".five {border-right-width: 100px;}"
           text run at (272,80) width 0: " "
-      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,163) size 784x20
+      RenderBlock {HR} at (0,145) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 765x20
         RenderText {#text} at (0,0) size 157x20
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,24 +29,26 @@ layer at (0,0) size 800x875
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x20
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,199) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,235) size 784x46 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
-        RenderText {#text} at (3,3) size 749x40
-          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,23) width 59: "line long."
-      RenderBlock {P} at (0,297) size 784x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
-        RenderText {#text} at (3,3) size 769x20
-          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,339) size 784x46 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,235) size 765x46 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 722x40
+          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,23) width 86: "one line long."
+      RenderBlock {P} at (0,297) size 765x46 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 733x40
+          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,23) width 32: "long."
+      RenderBlock {P} at (0,359) size 765x46 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 753x40
           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,23) width 32: "long."
-      RenderBlock {P} at (0,401) size 784x26 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
-        RenderText {#text} at (3,3) size 762x20
-          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,443) size 784x20
+      RenderBlock {P} at (0,421) size 765x46 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+        RenderText {#text} at (3,3) size 726x40
+          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,23) width 32: "long."
+      RenderBlock {P} at (0,483) size 765x20
         RenderText {#text} at (0,0) size 522x20
           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
@@ -54,19 +56,19 @@ layer at (0,0) size 800x875
             text run at (522,4) width 96: "border-style"
         RenderText {#text} at (618,0) size 54x20
           text run at (618,0) width 54: " was set."
-      RenderTable {TABLE} at (0,479) size 784x380 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x378
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,519) size 765x380 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x378
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x348
+          RenderTableRow {TR} at (0,30) size 763x348
             RenderTableCell {TD} at (0,190) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x20
+            RenderTableCell {TD} at (12,30) size 751x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 743x20
                 RenderText {#text} at (0,0) size 157x20
                   text run at (0,0) width 157: "(These will only work if "
                 RenderInline {CODE} at (0,0) size 96x15
@@ -74,26 +76,26 @@ layer at (0,0) size 800x875
                     text run at (157,4) width 96: "border-style"
                 RenderText {#text} at (253,0) size 89x20
                   text run at (253,0) width 89: " is supported.)"
-              RenderBlock {P} at (4,40) size 762x20 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,40) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (4,76) size 762x46 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
-                RenderText {#text} at (3,3) size 722x40
-                  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,23) width 86: "one line long."
-              RenderBlock {P} at (4,138) size 762x46 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,76) size 743x46 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+                RenderText {#text} at (3,3) size 691x40
+                  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,23) width 117: "than one line long."
+              RenderBlock {P} at (4,138) size 743x46 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 733x40
                   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,23) width 32: "long."
-              RenderBlock {P} at (4,200) size 762x46 [border: (3px solid #000000)]
-                RenderText {#text} at (3,3) size 753x40
-                  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,23) width 32: "long."
-              RenderBlock {P} at (4,262) size 762x46 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,200) size 743x46 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 726x40
+                  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,23) width 59: "line long."
+              RenderBlock {P} at (4,262) size 743x46 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 726x40
                   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,23) width 32: "long."
-              RenderBlock {P} at (4,324) size 762x20
+              RenderBlock {P} at (4,324) size 743x20
                 RenderText {#text} at (0,0) size 522x20
                   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 d345ddc..6c4e4ba 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1371
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1371
-  RenderBlock {HTML} at (0,0) size 800x1371
-    RenderBody {BODY} at (8,8) size 784x1355 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x1371
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1371
+  RenderBlock {HTML} at (0,0) size 781x1371
+    RenderBody {BODY} at (8,8) size 765x1355 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x192
+      RenderBlock {PRE} at (0,36) size 765x192
         RenderText {#text} at (0,0) size 632x191
           text run at (0,0) width 560: ".one {border-style: dotted; border-color: black; border-width: thick;}"
           text run at (560,0) width 0: " "
@@ -32,90 +32,90 @@ layer at (0,0) size 800x1371
           text run at (368,160) width 0: " "
           text run at (0,176) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
           text run at (552,176) width 0: " "
-      RenderBlock {HR} at (0,241) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,259) size 784x30 [border: (5px dotted #000000)]
+      RenderBlock {HR} at (0,241) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,259) size 765x30 [border: (5px dotted #000000)]
         RenderText {#text} at (5,5) size 472x20
           text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
-      RenderBlock {P} at (0,305) size 784x30 [border: (5px dashed #000000)]
+      RenderBlock {P} at (0,305) size 765x30 [border: (5px dashed #000000)]
         RenderText {#text} at (5,5) size 477x20
           text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
-      RenderBlock {P} at (0,351) size 784x30 [border: (5px solid #000000)]
+      RenderBlock {P} at (0,351) size 765x30 [border: (5px solid #000000)]
         RenderText {#text} at (5,5) size 463x20
           text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
-      RenderBlock {P} at (0,397) size 784x30 [border: (5px double #000000)]
+      RenderBlock {P} at (0,397) size 765x30 [border: (5px double #000000)]
         RenderText {#text} at (5,5) size 476x20
           text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
-      RenderBlock {P} at (0,443) size 784x30 [border: (5px groove #808000)]
+      RenderBlock {P} at (0,443) size 765x30 [border: (5px groove #808000)]
         RenderText {#text} at (5,5) size 474x20
           text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
-      RenderBlock {P} at (0,489) size 784x30 [border: (5px ridge #808000)]
+      RenderBlock {P} at (0,489) size 765x30 [border: (5px ridge #808000)]
         RenderText {#text} at (5,5) size 462x20
           text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
-      RenderBlock {P} at (0,535) size 784x30 [border: (5px inset #808000)]
+      RenderBlock {P} at (0,535) size 765x30 [border: (5px inset #808000)]
         RenderText {#text} at (5,5) size 459x20
           text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
-      RenderBlock {P} at (0,581) size 784x30 [border: (5px outset #808000)]
+      RenderBlock {P} at (0,581) size 765x30 [border: (5px outset #808000)]
         RenderText {#text} at (5,5) size 467x20
           text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
-      RenderBlock {P} at (0,627) size 784x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+      RenderBlock {P} at (0,627) size 765x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
         RenderText {#text} at (5,5) size 744x40
           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,25) width 204: "sides should be based on purple."
-      RenderBlock {P} at (0,693) size 784x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
-        RenderText {#text} at (5,5) size 763x40
+      RenderBlock {P} at (0,693) size 765x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+        RenderText {#text} at (5,5) size 727x40
           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,25) width 270: "of all four sides should be based on purple."
-      RenderBlock {P} at (0,759) size 784x20
+          text run at (707,5) width 25: "The"
+          text run at (5,25) width 306: "color of all four sides should be based on purple."
+      RenderBlock {P} at (0,759) size 765x20
         RenderText {#text} at (0,0) size 278x20
           text run at (0,0) width 278: "This paragraph should have no border at all."
-      RenderTable {TABLE} at (0,795) size 784x560 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x558
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,795) size 765x560 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x558
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x528
+          RenderTableRow {TR} at (0,30) size 763x528
             RenderTableCell {TD} at (0,280) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x528 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x30 [border: (5px dotted #000000)]
+            RenderTableCell {TD} at (12,30) size 751x528 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 743x30 [border: (5px dotted #000000)]
                 RenderText {#text} at (5,5) size 472x20
                   text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
-              RenderBlock {P} at (4,50) size 762x30 [border: (5px dashed #000000)]
+              RenderBlock {P} at (4,50) size 743x30 [border: (5px dashed #000000)]
                 RenderText {#text} at (5,5) size 477x20
                   text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
-              RenderBlock {P} at (4,96) size 762x30 [border: (5px solid #000000)]
+              RenderBlock {P} at (4,96) size 743x30 [border: (5px solid #000000)]
                 RenderText {#text} at (5,5) size 463x20
                   text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
-              RenderBlock {P} at (4,142) size 762x30 [border: (5px double #000000)]
+              RenderBlock {P} at (4,142) size 743x30 [border: (5px double #000000)]
                 RenderText {#text} at (5,5) size 476x20
                   text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
-              RenderBlock {P} at (4,188) size 762x30 [border: (5px groove #808000)]
+              RenderBlock {P} at (4,188) size 743x30 [border: (5px groove #808000)]
                 RenderText {#text} at (5,5) size 474x20
                   text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
-              RenderBlock {P} at (4,234) size 762x30 [border: (5px ridge #808000)]
+              RenderBlock {P} at (4,234) size 743x30 [border: (5px ridge #808000)]
                 RenderText {#text} at (5,5) size 462x20
                   text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
-              RenderBlock {P} at (4,280) size 762x30 [border: (5px inset #808000)]
+              RenderBlock {P} at (4,280) size 743x30 [border: (5px inset #808000)]
                 RenderText {#text} at (5,5) size 459x20
                   text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
-              RenderBlock {P} at (4,326) size 762x30 [border: (5px outset #808000)]
+              RenderBlock {P} at (4,326) size 743x30 [border: (5px outset #808000)]
                 RenderText {#text} at (5,5) size 467x20
                   text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
-              RenderBlock {P} at (4,372) size 762x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
-                RenderText {#text} at (5,5) size 744x40
+              RenderBlock {P} at (4,372) size 743x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+                RenderText {#text} at (5,5) size 714x40
                   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,25) width 204: "sides should be based on purple."
-              RenderBlock {P} at (4,438) size 762x50 [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,25) width 234: "four sides should be based on purple."
+              RenderBlock {P} at (4,438) size 743x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
                 RenderText {#text} at (5,5) size 727x40
                   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,25) width 306: "color of all four sides should be based on purple."
-              RenderBlock {P} at (4,504) size 762x20
+              RenderBlock {P} at (4,504) size 743x20
                 RenderText {#text} at (0,0) size 278x20
                   text run at (0,0) width 278: "This paragraph should have no border at all."
index 3501502..dc9b446 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1025
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1025
-  RenderBlock {HTML} at (0,0) size 800x1025
-    RenderBody {BODY} at (8,8) size 784x1009 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x1025
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1025
+  RenderBlock {HTML} at (0,0) size 781x1025
+    RenderBody {BODY} at (8,8) size 765x1009 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x64
+      RenderBlock {PRE} at (0,36) size 765x64
         RenderText {#text} at (0,0) size 320x63
           text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
           text run at (304,0) width 0: " "
@@ -16,32 +16,32 @@ layer at (0,0) size 800x1025
           text run at (320,32) width 0: " "
           text run at (0,48) width 264: "TD {border-top: green 2px solid;}"
           text run at (264,48) width 0: " "
-      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,131) size 784x40
+      RenderBlock {HR} at (0,113) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,131) size 765x40
         RenderText {#text} at (0,0) size 755x40
           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,20) width 317: "only to the cells, not the rows which contain them."
-      RenderBlock {P} at (0,187) size 784x30 [border: (10px double #800080) none]
+      RenderBlock {P} at (0,187) size 765x30 [border: (10px double #800080) none]
         RenderText {#text} at (0,10) size 414x20
           text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
-      RenderBlock {P} at (0,233) size 784x21 [border: (1px solid #800080) none]
+      RenderBlock {P} at (0,233) size 765x21 [border: (1px solid #800080) none]
         RenderText {#text} at (0,1) size 331x20
           text run at (0,1) width 331: "This paragraph should have a thin purple top border."
-      RenderTable {TABLE} at (0,270) size 784x118 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x116
-          RenderTableRow {TR} at (0,5) size 782x45
-            RenderTableCell {TD} at (5,5) size 772x45 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,270) size 765x118 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x116
+          RenderTableRow {TR} at (0,5) size 763x45
+            RenderTableCell {TD} at (5,5) size 753x45 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderText {#text} at (2,3) size 735x40
                 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,23) width 175: "second half of the test page."
-          RenderTableRow {TR} at (0,55) size 782x56
-            RenderTableCell {TD} at (5,70) size 196x25 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,55) size 763x56
+            RenderTableCell {TD} at (5,70) size 191x25 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (2,3) size 53x20
                 text run at (2,3) width 53: "Cell one"
-            RenderTableCell {TD} at (206,55) size 571x56 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (2,3) size 567x20
+            RenderTableCell {TD} at (201,55) size 557x56 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (2,3) size 553x20
                 RenderText {#text} at (0,0) size 54x20
                   text run at (0,0) width 54: "Cell two"
               RenderTable {TABLE} at (2,23) size 161x31 [border: (1px outset #808080)]
@@ -50,70 +50,70 @@ layer at (0,0) size 800x1025
                     RenderTableCell {TD} at (2,2) size 155x25 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,3) size 151x20
                         text run at (2,3) width 151: "Nested single-cell table!"
-      RenderBlock {UL} at (0,404) size 784x129
-        RenderListItem {LI} at (40,0) size 744x83 [border: (3px solid #000000) none]
-          RenderBlock (anonymous) at (0,3) size 744x20
+      RenderBlock {UL} at (0,404) size 765x129
+        RenderListItem {LI} at (40,0) size 725x83 [border: (3px solid #000000) none]
+          RenderBlock (anonymous) at (0,3) size 725x20
             RenderListMarker at (-18,0) size 7x20: bullet
             RenderText {#text} at (0,0) size 118x20
               text run at (0,0) width 118: "This is a list item..."
-          RenderBlock {UL} at (0,23) size 744x60
-            RenderListItem {LI} at (40,0) size 704x20
+          RenderBlock {UL} at (0,23) size 725x60
+            RenderListItem {LI} at (40,0) size 685x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 73x20
                 text run at (0,0) width 73: "...and this..."
-            RenderListItem {LI} at (40,20) size 704x20
+            RenderListItem {LI} at (40,20) size 685x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 115x20
                 text run at (0,0) width 115: "...is a second list..."
-            RenderListItem {LI} at (40,40) size 704x20
+            RenderListItem {LI} at (40,40) size 685x20
               RenderListMarker at (-18,0) size 7x20: white bullet
               RenderText {#text} at (0,0) size 176x20
                 text run at (0,0) width 176: "...nested within the list item."
-        RenderListItem {LI} at (40,83) size 744x23 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,83) size 725x23 [border: (3px solid #000000) none]
           RenderListMarker at (-18,3) size 7x20: bullet
           RenderText {#text} at (0,3) size 158x20
             text run at (0,3) width 158: "This is a second list item."
-        RenderListItem {LI} at (40,106) size 744x23 [border: (3px solid #000000) none]
+        RenderListItem {LI} at (40,106) size 725x23 [border: (3px solid #000000) none]
           RenderListMarker at (-18,3) size 7x20: bullet
           RenderText {#text} at (0,3) size 480x20
             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,549) size 784x460 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x458
-          RenderTableRow {TR} at (0,0) size 782x31
-            RenderTableCell {TD} at (0,0) size 782x31 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,549) size 765x460 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x458
+          RenderTableRow {TR} at (0,0) size 763x31
+            RenderTableCell {TD} at (0,0) size 763x31 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,5) size 163x22
                   text run at (4,5) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,31) size 782x427
+          RenderTableRow {TR} at (0,31) size 763x427
             RenderTableCell {TD} at (0,230) size 12x29 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,5) size 4x20
                 text run at (4,5) width 4: " "
-            RenderTableCell {TD} at (12,31) size 770x427 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,5) size 762x40
-                RenderText {#text} at (0,0) size 755x40
+            RenderTableCell {TD} at (12,31) size 751x427 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,5) size 743x40
+                RenderText {#text} at (0,0) size 707x40
                   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,20) width 317: "only to the cells, not the rows which contain them."
-              RenderBlock {P} at (4,61) size 762x30 [border: (10px double #800080) none]
+                  text run at (634,0) width 73: "This border"
+                  text run at (0,20) width 365: "applies only to the cells, not the rows which contain them."
+              RenderBlock {P} at (4,61) size 743x30 [border: (10px double #800080) none]
                 RenderText {#text} at (0,10) size 414x20
                   text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
-              RenderBlock {P} at (4,107) size 762x21 [border: (1px solid #800080) none]
+              RenderBlock {P} at (4,107) size 743x21 [border: (1px solid #800080) none]
                 RenderText {#text} at (0,1) size 331x20
                   text run at (0,1) width 331: "This paragraph should have a thin purple top border."
-              RenderTable {TABLE} at (4,144) size 762x118 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 760x116
-                  RenderTableRow {TR} at (0,5) size 760x45
-                    RenderTableCell {TD} at (5,5) size 750x45 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-                      RenderText {#text} at (2,3) size 735x40
+              RenderTable {TABLE} at (4,144) size 743x118 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 741x116
+                  RenderTableRow {TR} at (0,5) size 741x45
+                    RenderTableCell {TD} at (5,5) size 731x45 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+                      RenderText {#text} at (2,3) size 712x40
                         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,23) width 175: "second half of the test page."
-                  RenderTableRow {TR} at (0,55) size 760x56
-                    RenderTableCell {TD} at (5,70) size 190x25 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+                        text run at (431,3) width 283: "This is also true of the table-testing section in"
+                        text run at (2,23) width 198: "the second half of the test page."
+                  RenderTableRow {TR} at (0,55) size 741x56
+                    RenderTableCell {TD} at (5,70) size 186x25 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                       RenderText {#text} at (2,3) size 53x20
                         text run at (2,3) width 53: "Cell one"
-                    RenderTableCell {TD} at (200,55) size 555x56 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-                      RenderBlock (anonymous) at (2,3) size 551x20
+                    RenderTableCell {TD} at (196,55) size 540x56 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+                      RenderBlock (anonymous) at (2,3) size 536x20
                         RenderText {#text} at (0,0) size 54x20
                           text run at (0,0) width 54: "Cell two"
                       RenderTable {TABLE} at (2,23) size 161x31 [border: (1px outset #808080)]
@@ -122,30 +122,30 @@ layer at (0,0) size 800x1025
                             RenderTableCell {TD} at (2,2) size 155x25 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (2,3) size 151x20
                                 text run at (2,3) width 151: "Nested single-cell table!"
-              RenderBlock {UL} at (4,278) size 762x129
-                RenderListItem {LI} at (40,0) size 722x83 [border: (3px solid #000000) none]
-                  RenderBlock (anonymous) at (0,3) size 722x20
+              RenderBlock {UL} at (4,278) size 743x129
+                RenderListItem {LI} at (40,0) size 703x83 [border: (3px solid #000000) none]
+                  RenderBlock (anonymous) at (0,3) size 703x20
                     RenderListMarker at (-18,0) size 7x20: bullet
                     RenderText {#text} at (0,0) size 118x20
                       text run at (0,0) width 118: "This is a list item..."
-                  RenderBlock {UL} at (0,23) size 722x60
-                    RenderListItem {LI} at (40,0) size 682x20
+                  RenderBlock {UL} at (0,23) size 703x60
+                    RenderListItem {LI} at (40,0) size 663x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 73x20
                         text run at (0,0) width 73: "...and this..."
-                    RenderListItem {LI} at (40,20) size 682x20
+                    RenderListItem {LI} at (40,20) size 663x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 115x20
                         text run at (0,0) width 115: "...is a second list..."
-                    RenderListItem {LI} at (40,40) size 682x20
+                    RenderListItem {LI} at (40,40) size 663x20
                       RenderListMarker at (-18,0) size 7x20: white bullet
                       RenderText {#text} at (0,0) size 176x20
                         text run at (0,0) width 176: "...nested within the list item."
-                RenderListItem {LI} at (40,83) size 722x23 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,83) size 703x23 [border: (3px solid #000000) none]
                   RenderListMarker at (-18,3) size 7x20: bullet
                   RenderText {#text} at (0,3) size 158x20
                     text run at (0,3) width 158: "This is a second list item."
-                RenderListItem {LI} at (40,106) size 722x23 [border: (3px solid #000000) none]
+                RenderListItem {LI} at (40,106) size 703x23 [border: (3px solid #000000) none]
                   RenderListMarker at (-18,3) size 7x20: bullet
                   RenderText {#text} at (0,3) size 480x20
                     text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
index 9ea3ab4..190e993 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x799
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x799
-  RenderBlock {HTML} at (0,0) size 800x799
-    RenderBody {BODY} at (8,8) size 784x783 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x799
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x799
+  RenderBlock {HTML} at (0,0) size 781x799
+    RenderBody {BODY} at (8,8) size 765x783 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x96
+      RenderBlock {PRE} at (0,36) size 765x96
         RenderText {#text} at (0,0) size 440x95
           text run at (0,0) width 432: ".zero {background-color: silver; border-top-width: 0;}"
           text run at (432,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x799
           text run at (416,64) width 0: " "
           text run at (0,80) width 248: ".five {border-top-width: 25px;}"
           text run at (248,80) width 0: " "
-      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,163) size 784x20
+      RenderBlock {HR} at (0,145) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 765x20
         RenderText {#text} at (0,0) size 157x20
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,22 +29,22 @@ layer at (0,0) size 800x799
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x20
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,199) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,235) size 784x48 [border: (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,235) size 765x48 [border: (25px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,25) size 377x20
           text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
-      RenderBlock {P} at (0,299) size 784x28 [border: (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,299) size 765x28 [border: (5px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,5) size 334x20
           text run at (3,5) width 334: "This paragraph should have a thick top border width."
-      RenderBlock {P} at (0,343) size 784x26 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,343) size 765x26 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 354x20
           text run at (3,3) width 354: "This paragraph should have a medium top border width."
-      RenderBlock {P} at (0,385) size 784x24 [border: (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,385) size 765x24 [border: (1px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,1) size 327x20
           text run at (3,1) width 327: "This paragraph should have a thin top border width."
-      RenderBlock {P} at (0,425) size 784x20
+      RenderBlock {P} at (0,425) size 765x20
         RenderText {#text} at (0,0) size 527x20
           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 66404ea..64ce848 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x943
-  RenderView 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 784x20
+layer at (0,0) size 781x943
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x943
+  RenderBlock {HTML} at (0,0) size 781x943
+    RenderBody {BODY} at (8,8) size 765x927 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x96
+      RenderBlock {PRE} at (0,36) size 765x96
         RenderText {#text} at (0,0) size 408x95
           text run at (0,0) width 400: ".zero {background-color: silver; border-width: 0;}"
           text run at (400,0) width 0: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x943
           text run at (384,64) width 0: " "
           text run at (0,80) width 216: ".five {border-width: 25px;}"
           text run at (216,80) width 0: " "
-      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,163) size 784x20
+      RenderBlock {HR} at (0,145) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,163) size 765x20
         RenderText {#text} at (0,0) size 157x20
           text run at (0,0) width 157: "(These will only work if "
         RenderInline {CODE} at (0,0) size 96x15
@@ -29,22 +29,22 @@ layer at (0,0) size 800x943
             text run at (157,4) width 96: "border-style"
         RenderText {#text} at (253,0) size 89x20
           text run at (253,0) width 89: " is supported.)"
-      RenderBlock {P} at (0,199) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,199) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,235) size 784x120 [border: (50px solid #000000)]
+      RenderBlock {P} at (0,235) size 765x120 [border: (50px solid #000000)]
         RenderText {#text} at (50,50) size 394x20
           text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
-      RenderBlock {P} at (0,371) size 784x30 [border: (5px solid #000000)]
+      RenderBlock {P} at (0,371) size 765x30 [border: (5px solid #000000)]
         RenderText {#text} at (5,5) size 343x20
           text run at (5,5) width 343: "This element should have a thick overall border width."
-      RenderBlock {P} at (0,417) size 784x26 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,417) size 765x26 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 363x20
           text run at (3,3) width 363: "This element should have a medium overall border width."
-      RenderBlock {P} at (0,459) size 784x22 [border: (1px solid #000000)]
+      RenderBlock {P} at (0,459) size 765x22 [border: (1px solid #000000)]
         RenderText {#text} at (1,1) size 336x20
           text run at (1,1) width 336: "This element should have a thin overall border width."
-      RenderBlock {P} at (0,497) size 784x20
+      RenderBlock {P} at (0,497) size 765x20
         RenderText {#text} at (0,0) size 498x20
           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 2171a5c..81c8447 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1007
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1007
-  RenderBlock {HTML} at (0,0) size 800x1007
-    RenderBody {BODY} at (8,8) size 784x991 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x1007
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1007
+  RenderBlock {HTML} at (0,0) size 781x1007
+    RenderBody {BODY} at (8,8) size 765x991 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x64
+      RenderBlock {PRE} at (0,36) size 765x64
         RenderText {#text} at (0,0) size 168x63
           text run at (0,0) width 152: ".one {clear: left;}"
           text run at (152,0) width 0: " "
@@ -16,36 +16,36 @@ layer at (0,0) size 800x1007
           text run at (168,32) width 0: " "
           text run at (0,48) width 160: ".four {clear: none;}"
           text run at (160,48) width 0: " "
-      RenderBlock {HR} at (0,113) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {HR} at (0,113) size 765x2 [border: (1px inset #000000)]
       RenderImage {IMG} at (0,123) size 15x50
-      RenderBlock {P} at (0,131) size 784x20
+      RenderBlock {P} at (0,131) size 765x20
         RenderText {#text} at (18,0) size 595x20
           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,167) size 784x20
+      RenderBlock (anonymous) at (0,167) size 765x20
         RenderBR {BR} at (18,0) size 0x20
         RenderImage {IMG} at (0,20) size 15x50
-      RenderBlock {P} at (0,237) size 784x20
+      RenderBlock {P} at (0,237) size 765x20
         RenderText {#text} at (0,0) size 649x20
           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,273) size 784x20
+      RenderBlock (anonymous) at (0,273) size 765x20
         RenderBR {BR} at (0,0) size 0x20
-        RenderImage {IMG} at (769,20) size 15x50
-      RenderBlock {P} at (0,343) size 784x20
+        RenderImage {IMG} at (750,20) size 15x50
+      RenderBlock {P} at (0,343) size 765x20
         RenderText {#text} at (0,0) size 658x20
           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,379) size 784x20
+      RenderBlock (anonymous) at (0,379) size 765x20
         RenderBR {BR} at (0,0) size 0x20
         RenderImage {IMG} at (0,20) size 15x50
-        RenderImage {IMG} at (769,20) size 15x50
-      RenderBlock {P} at (0,449) size 784x20
+        RenderImage {IMG} at (750,20) size 15x50
+      RenderBlock {P} at (0,449) size 765x20
         RenderText {#text} at (0,0) size 602x20
           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,485) size 15x50
-      RenderImage {IMG} at (769,485) size 15x50
-      RenderBlock {P} at (0,485) size 784x20
+      RenderImage {IMG} at (750,485) size 15x50
+      RenderBlock {P} at (0,485) size 765x20
         RenderText {#text} at (18,0) size 390x20
           text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
-      RenderBlock (anonymous) at (0,521) size 784x20
+      RenderBlock (anonymous) at (0,521) size 765x20
         RenderBR {BR} at (18,0) size 0x20
       RenderTable {TABLE} at (0,541) size 680x450 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 678x448
index f1dcb5b..c793594 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x836
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x836
-  RenderBlock {HTML} at (0,0) size 800x836
-    RenderBody {BODY} at (8,8) size 784x820 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x856
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x856
+  RenderBlock {HTML} at (0,0) size 781x856
+    RenderBody {BODY} at (8,8) size 765x840 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x144
+      RenderBlock {PRE} at (0,33) size 765x144
         RenderText {#text} at (0,0) size 616x143
           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
           text run at (392,0) width 0: " "
@@ -24,7 +24,7 @@ layer at (0,0) size 800x836
           text run at (0,112) width 480: "             color: black; background: yellow; clear: none;}"
           text run at (480,112) width 0: " "
           text run at (0,128) width 0: " "
-      RenderBlock {HR} at (0,190) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {HR} at (0,190) size 765x2 [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,200) size 192x128 [color=#FFFFFF] [bgcolor=#008000]
         RenderBlock {H1} at (8,8) size 176x26
           RenderText {#text} at (0,0) size 85x26
@@ -67,34 +67,34 @@ layer at (0,0) size 800x836
             RenderListMarker at (-18,0) size 7x20: bullet
             RenderText {#text} at (0,0) size 87x20
               text run at (0,0) width 87: "0.5em margin"
-      RenderBlock {DIV} at (224,200) size 528x240 [bgcolor=#FFFF00]
-        RenderBlock {H1} at (8,29) size 512x42
+      RenderBlock {DIV} at (224,200) size 509x240 [bgcolor=#FFFF00]
+        RenderBlock {H1} at (8,29) size 493x42
           RenderText {#text} at (0,0) size 275x42
             text run at (0,0) width 275: "The 'clear' property"
-        RenderBlock {P} at (8,92) size 512x100
-          RenderText {#text} at (0,0) size 512x100
-            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,20) width 238: "and the other a blue background. "
-            text run at (238,20) width 274: "Due to settings on the 'float' and 'clear'"
-            text run at (0,40) width 512: "properties, the two menus should appear on the left side of the page, the blue"
-            text run at (0,60) width 512: "below the green. There should be a 10px gap between the two menus. There"
+        RenderBlock {P} at (8,92) size 493x100
+          RenderText {#text} at (0,0) size 493x100
+            text run at (0,0) width 493: "This page has two floating \"menus\" on the side; one has a green background,"
+            text run at (0,20) width 229: "and the other a blue background. "
+            text run at (229,20) width 264: "Due to settings on the 'float' and 'clear'"
+            text run at (0,40) width 493: "properties, the two menus should appear on the left side of the page, the blue"
+            text run at (0,60) width 493: "below the green. There should be a 10px gap between the two menus. There"
             text run at (0,80) width 459: "should also be a 10px gap between the top menu and the top of the page."
-        RenderBlock {P} at (8,192) size 512x40
-          RenderText {#text} at (0,0) size 512x40
-            text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
+        RenderBlock {P} at (8,192) size 493x40
+          RenderText {#text} at (0,0) size 493x40
+            text run at (0,0) width 493: "The top of the yellow rectangle (to which this paragraph belongs) should be"
             text run at (0,20) width 331: "vertically aligned with the top of the green rectangle."
-      RenderTable {TABLE} at (192,440) size 592x380 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 590x378
-          RenderTableRow {TR} at (0,0) size 590x30
-            RenderTableCell {TD} at (0,0) size 590x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (192,440) size 573x400 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 571x398
+          RenderTableRow {TR} at (0,0) size 571x30
+            RenderTableCell {TD} at (0,0) size 571x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 590x348
-            RenderTableCell {TD} at (0,190) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,30) size 571x368
+            RenderTableCell {TD} at (0,200) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 578x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,30) size 559x368 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (floating) {DIV} at (4,4) size 192x128 [color=#FFFFFF] [bgcolor=#008000]
                 RenderBlock {H1} at (8,8) size 176x26
                   RenderText {#text} at (0,0) size 85x26
@@ -137,24 +137,25 @@ layer at (0,0) size 800x836
                     RenderListMarker at (-18,0) size 7x20: bullet
                     RenderText {#text} at (0,0) size 87x20
                       text run at (0,0) width 87: "0.5em margin"
-              RenderBlock {DIV} at (228,4) size 314x340 [bgcolor=#FFFF00]
-                RenderBlock {H1} at (8,29) size 298x42
+              RenderBlock {DIV} at (228,4) size 295x360 [bgcolor=#FFFF00]
+                RenderBlock {H1} at (8,29) size 279x42
                   RenderText {#text} at (0,0) size 275x42
                     text run at (0,0) width 275: "The 'clear' property"
-                RenderBlock {P} at (8,92) size 298x180
-                  RenderText {#text} at (0,0) size 298x180
-                    text run at (0,0) width 298: "This page has two floating \"menus\" on the"
-                    text run at (0,20) width 298: "side; one has a green background, and the"
-                    text run at (0,40) width 161: "other a blue background. "
-                    text run at (161,40) width 137: "Due to settings on the"
-                    text run at (0,60) width 298: "'float' and 'clear' properties, the two menus"
-                    text run at (0,80) width 298: "should appear on the left side of the page, the"
-                    text run at (0,100) width 298: "blue below the green. There should be a 10px"
-                    text run at (0,120) width 298: "gap between the two menus. There should also"
-                    text run at (0,140) width 298: "be a 10px gap between the top menu and the"
-                    text run at (0,160) width 98: "top of the page."
-                RenderBlock {P} at (8,272) size 298x60
-                  RenderText {#text} at (0,0) size 298x60
-                    text run at (0,0) width 298: "The top of the yellow rectangle (to which this"
-                    text run at (0,20) width 298: "paragraph belongs) should be vertically aligned"
-                    text run at (0,40) width 219: "with the top of the green rectangle."
+                RenderBlock {P} at (8,92) size 279x200
+                  RenderText {#text} at (0,0) size 279x200
+                    text run at (0,0) width 279: "This page has two floating \"menus\" on the"
+                    text run at (0,20) width 279: "side; one has a green background, and the"
+                    text run at (0,40) width 163: "other a blue background. "
+                    text run at (163,40) width 116: "Due to settings on"
+                    text run at (0,60) width 279: "the 'float' and 'clear' properties, the two"
+                    text run at (0,80) width 279: "menus should appear on the left side of the"
+                    text run at (0,100) width 279: "page, the blue below the green. There"
+                    text run at (0,120) width 279: "should be a 10px gap between the two"
+                    text run at (0,140) width 279: "menus. There should also be a 10px gap"
+                    text run at (0,160) width 279: "between the top menu and the top of the"
+                    text run at (0,180) width 34: "page."
+                RenderBlock {P} at (8,292) size 279x60
+                  RenderText {#text} at (0,0) size 279x60
+                    text run at (0,0) width 279: "The top of the yellow rectangle (to which"
+                    text run at (0,20) width 279: "this paragraph belongs) should be vertically"
+                    text run at (0,40) width 269: "aligned with the top of the green rectangle."
index c11aa39..b962915 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x728
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x728
-  RenderBlock {HTML} at (0,0) size 800x728
-    RenderBody {BODY} at (8,8) size 784x700 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x728
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x728
+  RenderBlock {HTML} at (0,0) size 781x728
+    RenderBody {BODY} at (8,8) size 765x700 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x208
+      RenderBlock {PRE} at (0,33) size 765x208
         RenderText {#text} at (0,0) size 512x207
           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
           text run at (392,0) width 0: " "
@@ -32,10 +32,10 @@ layer at (0,0) size 800x728
           text run at (0,176) width 200: "TABLE {margin: 20px 0px;}"
           text run at (200,176) width 0: " "
           text run at (0,192) width 0: " "
-      RenderBlock {HR} at (0,254) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,264) size 784x40
-        RenderText {#text} at (0,0) size 784x40
-          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,254) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,264) size 765x40
+        RenderText {#text} at (0,0) size 765x40
+          text run at (0,0) width 765: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
           text run at (0,20) width 405: "indicates how the DIV elements should be laid out horizontally. "
           text run at (405,20) width 219: "They should align with each other."
       RenderBlock (floating) {DIV} at (0,314) size 140x97 [bgcolor=#FFFF00] [border: (20px solid #000000)]
@@ -54,7 +54,7 @@ layer at (0,0) size 800x728
         RenderBlock {P} at (40,40) size 60x17
           RenderText {#text} at (0,0) size 80x17
             text run at (0,0) width 80: "Green"
-      RenderBlock {DIV} at (0,421) size 784x21
+      RenderBlock {DIV} at (0,421) size 765x21
         RenderTable {TABLE} at (0,0) size 620x21
           RenderTableSection {TBODY} at (0,0) size 620x21
             RenderTableRow {TR} at (0,0) size 620x21
@@ -90,23 +90,23 @@ layer at (0,0) size 800x728
                 RenderImage {IMG} at (0,0) size 100x1
               RenderTableCell {TD} at (600,10) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
                 RenderImage {IMG} at (0,0) size 20x1
-      RenderTable {TABLE} at (0,462) size 784x238 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x236
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,462) size 765x238 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x236
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x206
+          RenderTableRow {TR} at (0,30) size 763x206
             RenderTableCell {TD} at (0,119) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x206 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x40
-                RenderText {#text} at (0,0) size 762x40
-                  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,20) width 405: "indicates how the DIV elements should be laid out horizontally. "
-                  text run at (405,20) width 219: "They should align with each other."
+            RenderTableCell {TD} at (12,30) size 751x206 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 743x40
+                RenderText {#text} at (0,0) size 743x40
+                  text run at (0,0) width 743: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
+                  text run at (0,20) width 439: "page indicates how the DIV elements should be laid out horizontally. "
+                  text run at (439,20) width 219: "They should align with each other."
               RenderBlock (floating) {DIV} at (4,54) size 140x97 [bgcolor=#FFFF00] [border: (20px solid #000000)]
                 RenderBlock {P} at (40,40) size 60x17
                   RenderText {#text} at (0,0) size 96x17
@@ -123,7 +123,7 @@ layer at (0,0) size 800x728
                 RenderBlock {P} at (40,40) size 60x17
                   RenderText {#text} at (0,0) size 80x17
                     text run at (0,0) width 80: "Green"
-              RenderBlock {DIV} at (4,161) size 762x21
+              RenderBlock {DIV} at (4,161) size 743x21
                 RenderTable {TABLE} at (0,0) size 620x21
                   RenderTableSection {TBODY} at (0,0) size 620x21
                     RenderTableRow {TR} at (0,0) size 620x21
index 1769f7b..ee7466d 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x2041
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x2041
-  RenderBlock {HTML} at (0,0) size 800x2041
-    RenderBody {BODY} at (8,8) size 784x2025 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x2041
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x2041
+  RenderBlock {HTML} at (0,0) size 781x2041
+    RenderBody {BODY} at (8,8) size 765x2025 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x144
+      RenderBlock {PRE} at (0,36) size 765x144
         RenderText {#text} at (0,0) size 560x143
           text run at (0,0) width 344: "P.test {background: white; font-size: 20px;"
           text run at (344,0) width 0: " "
@@ -25,141 +25,141 @@ layer at (0,0) size 800x2041
           text run at (0,112) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
           text run at (400,112) width 0: " "
           text run at (0,128) width 0: " "
-      RenderBlock {HR} at (0,193) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (30,215) size 744x100 [bgcolor=#FFFFFF]
-        RenderText {#text} at (0,0) size 738x100
+      RenderBlock {HR} at (0,193) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (30,215) size 725x100 [bgcolor=#FFFFFF]
+        RenderText {#text} at (0,0) size 708x100
           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,25) width 122: "element's box. "
           text run at (122,25) width 442: "There is no padding set on this paragraph whatsoever. "
-          text run at (564,25) width 166: "If the background of"
-          text run at (0,50) width 738: "the entire box is not white, this may cause problems with the following tests; at any rate, it"
-          text run at (0,75) width 223: "must be taken into account."
-      RenderBlock {P} at (30,335) size 744x125 [bgcolor=#FFFFFF]
+          text run at (564,25) width 144: "If the background"
+          text run at (0,50) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
+          text run at (0,75) width 281: "rate, it must be taken into account."
+      RenderBlock {P} at (30,335) size 725x125 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {#text} at (60,0) size 741x125
+        RenderText {#text} at (60,0) size 719x125
           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,25) width 119: "nothing more. "
           text run at (179,25) width 540: "The edges of the white background should line up with the top and"
           text run at (60,50) width 196: "left edges of the image. "
-          text run at (256,50) width 485: "This paragraph should have a white background, first of all,"
-          text run at (0,75) width 397: "which extends to the edges of the element's box. "
-          text run at (397,75) width 335: "There is no padding set on this paragraph"
-          text run at (0,100) width 97: "whatsoever."
-      RenderBlock {P} at (30,480) size 744x125 [bgcolor=#FFFFFF]
+          text run at (256,50) width 454: "This paragraph should have a white background, first of"
+          text run at (0,75) width 428: "all, which extends to the edges of the element's box. "
+          text run at (428,75) width 249: "There is no padding set on this"
+          text run at (0,100) width 183: "paragraph whatsoever."
+      RenderBlock {P} at (30,480) size 725x125 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (30,30) size 60x60
-        RenderText {#text} at (90,0) size 741x125
-          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,25) width 651: "to the right 30 pixels each from the upper left corner of the paragraph's box, and"
-          text run at (90,50) width 330: "displace the paragraph text accordingly. "
-          text run at (420,50) width 288: "This paragraph should have a white"
-          text run at (90,75) width 594: "background, first of all, which extends to the edges of the element's box. "
-          text run at (684,75) width 47: "There"
-          text run at (0,100) width 385: "is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,625) size 744x125 [bgcolor=#FFFFFF]
-        RenderImage {IMG} at (-30,-30) size 60x60
-        RenderText {#text} at (30,0) size 739x125
-          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,25) width 709: "30 pixels each from the upper left corner of the paragraph's box, thus causing the edges"
-          text run at (0,50) width 582: "of the white background to align with the thick gray lines in the image. "
-          text run at (582,50) width 122: "This paragraph"
-          text run at (0,75) 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 718x125
+          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,25) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
+          text run at (90,50) width 404: "box, and displace the paragraph text accordingly. "
+          text run at (494,50) width 224: "This paragraph should have"
+          text run at (90,75) width 613: "a white background, first of all, which extends to the edges of the element's"
           text run at (0,100) width 40: "box. "
           text run at (40,100) width 437: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,770) size 744x150 [bgcolor=#FFFFFF]
+      RenderBlock {P} at (30,625) size 725x125 [bgcolor=#FFFFFF]
+        RenderImage {IMG} at (-30,-30) size 60x60
+        RenderText {#text} at (30,0) size 721x125
+          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,25) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
+          text run at (0,50) width 633: "edges of the white background to align with the thick gray lines in the image. "
+          text run at (633,50) width 36: "This"
+          text run at (0,75) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+          text run at (0,100) width 122: "element's box. "
+          text run at (122,100) width 437: "There is no padding set on this paragraph whatsoever."
+      RenderBlock {P} at (30,770) size 725x150 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {#text} at (90,0) size 730x150
-          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,25) width 640: "the edges of the white background should line up with the top and left edges of"
-          text run at (90,50) width 90: "the image. "
-          text run at (180,50) width 538: "However, there should be 30 pixels of space between the right and"
-          text run at (90,75) width 490: "bottom edges of the image and the paragraph text around it. "
-          text run at (580,75) width 122: "This paragraph"
-          text run at (0,100) width 715: "should have a white background, first of all, which extends to the edges of the element's"
-          text run at (0,125) width 40: "box. "
-          text run at (40,125) width 437: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,940) size 744x150 [bgcolor=#FFFFFF]
+        RenderText {#text} at (90,0) size 719x150
+          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,25) width 601: "and the edges of the white background should line up with the top and left"
+          text run at (90,50) width 163: "edges of the image. "
+          text run at (253,50) width 460: "However, there should be 30 pixels of space between the"
+          text run at (90,75) width 568: "right and bottom edges of the image and the paragraph text around it. "
+          text run at (658,75) width 36: "This"
+          text run at (0,100) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+          text run at (0,125) width 122: "element's box. "
+          text run at (122,125) width 437: "There is no padding set on this paragraph whatsoever."
+      RenderBlock {P} at (30,940) size 725x150 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {#text} at (30,0) size 732x150
+        RenderText {#text} at (30,0) size 706x150
           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,25) width 700: "edges of the white background should line up with the top and left edges of the image."
-          text run at (0,50) width 707: "However, the text should overlap the image's right and bottom sides, lining up with the"
-          text run at (0,75) width 242: "thick gray lines in the image. "
-          text run at (242,75) width 485: "This paragraph should have a white background, first of all,"
-          text run at (0,100) width 397: "which extends to the edges of the element's box. "
-          text run at (397,100) width 335: "There is no padding set on this paragraph"
-          text run at (0,125) width 97: "whatsoever."
-      RenderTable {TABLE} at (0,1110) size 784x915 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x913
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+          text run at (30,25) width 640: "edges of the white background should line up with the top and left edges of the"
+          text run at (0,50) width 60: "image. "
+          text run at (60,50) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
+          text run at (0,75) width 313: "with the thick gray lines in the image. "
+          text run at (313,75) width 393: "This paragraph should have a white background,"
+          text run at (0,100) width 489: "first of all, which extends to the edges of the element's box. "
+          text run at (489,100) width 214: "There is no padding set on"
+          text run at (0,125) width 218: "this paragraph whatsoever."
+      RenderTable {TABLE} at (0,1110) size 765x915 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x913
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x883
+          RenderTableRow {TR} at (0,30) size 763x883
             RenderTableCell {TD} at (0,457) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x883 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (34,4) size 722x100 [bgcolor=#FFFFFF]
-                RenderText {#text} at (0,0) size 708x100
+            RenderTableCell {TD} at (12,30) size 751x883 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (34,4) size 703x100 [bgcolor=#FFFFFF]
+                RenderText {#text} at (0,0) size 700x100
                   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,25) width 122: "element's box. "
                   text run at (122,25) width 442: "There is no padding set on this paragraph whatsoever. "
-                  text run at (564,25) width 144: "If the background"
-                  text run at (0,50) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
-                  text run at (0,75) width 281: "rate, it must be taken into account."
-              RenderBlock {P} at (34,124) size 722x125 [bgcolor=#FFFFFF]
+                  text run at (564,25) width 44: "If the"
+                  text run at (0,50) width 700: "background of the entire box is not white, this may cause problems with the following"
+                  text run at (0,75) width 383: "tests; at any rate, it must be taken into account."
+              RenderBlock {P} at (34,124) size 703x125 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {#text} at (60,0) size 719x125
+                RenderText {#text} at (60,0) size 703x125
                   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,25) width 119: "nothing more. "
-                  text run at (179,25) width 540: "The edges of the white background should line up with the top and"
-                  text run at (60,50) width 196: "left edges of the image. "
-                  text run at (256,50) width 454: "This paragraph should have a white background, first of"
-                  text run at (0,75) width 428: "all, which extends to the edges of the element's box. "
-                  text run at (428,75) width 249: "There is no padding set on this"
-                  text run at (0,100) width 183: "paragraph whatsoever."
-              RenderBlock {P} at (34,269) size 722x125 [bgcolor=#FFFFFF]
+                  text run at (179,25) width 506: "The edges of the white background should line up with the top"
+                  text run at (60,50) width 230: "and left edges of the image. "
+                  text run at (290,50) width 393: "This paragraph should have a white background,"
+                  text run at (0,75) width 489: "first of all, which extends to the edges of the element's box. "
+                  text run at (489,75) width 214: "There is no padding set on"
+                  text run at (0,100) width 218: "this paragraph whatsoever."
+              RenderBlock {P} at (34,269) size 703x125 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (30,30) size 60x60
-                RenderText {#text} at (90,0) size 718x125
-                  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,25) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
-                  text run at (90,50) width 404: "box, and displace the paragraph text accordingly. "
-                  text run at (494,50) width 224: "This paragraph should have"
-                  text run at (90,75) width 613: "a white background, first of all, which extends to the edges of the element's"
-                  text run at (0,100) width 40: "box. "
-                  text run at (40,100) width 437: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,414) size 722x125 [bgcolor=#FFFFFF]
+                RenderText {#text} at (90,0) size 692x125
+                  text run at (90,0) width 566: "The image in the upper left corner of this paragraph should be pushed"
+                  text run at (90,25) width 562: "down and to the right 30 pixels each from the upper left corner of the"
+                  text run at (90,50) width 502: "paragraph's box, and displace the paragraph text accordingly. "
+                  text run at (592,50) width 36: "This"
+                  text run at (90,75) width 586: "paragraph should have a white background, first of all, which extends to"
+                  text run at (0,100) width 255: "the edges of the element's box. "
+                  text run at (255,100) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,414) size 703x125 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (-30,-30) size 60x60
-                RenderText {#text} at (30,0) size 721x125
-                  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,25) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
-                  text run at (0,50) width 633: "edges of the white background to align with the thick gray lines in the image. "
-                  text run at (633,50) width 36: "This"
-                  text run at (0,75) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
-                  text run at (0,100) width 122: "element's box. "
-                  text run at (122,100) width 437: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,559) size 722x150 [bgcolor=#FFFFFF]
+                RenderText {#text} at (30,0) size 692x125
+                  text run at (30,0) width 646: "The image in the upper left corner of this paragraph should be pushed up and to"
+                  text run at (30,25) width 624: "the left 30 pixels each from the upper left corner of the paragraph's box, thus"
+                  text run at (0,50) width 665: "causing the edges of the white background to align with the thick gray lines in the"
+                  text run at (0,75) width 60: "image. "
+                  text run at (60,75) width 627: "This paragraph should have a white background, first of all, which extends to"
+                  text run at (0,100) width 255: "the edges of the element's box. "
+                  text run at (255,100) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,559) size 703x150 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {#text} at (90,0) size 719x150
+                RenderText {#text} at (90,0) size 694x150
                   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,25) width 601: "and the edges of the white background should line up with the top and left"
                   text run at (90,50) width 163: "edges of the image. "
-                  text run at (253,50) width 460: "However, there should be 30 pixels of space between the"
-                  text run at (90,75) width 568: "right and bottom edges of the image and the paragraph text around it. "
-                  text run at (658,75) width 36: "This"
-                  text run at (0,100) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
-                  text run at (0,125) width 122: "element's box. "
-                  text run at (122,125) width 437: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,729) size 722x150 [bgcolor=#FFFFFF]
+                  text run at (253,50) width 430: "However, there should be 30 pixels of space between"
+                  text run at (90,75) width 593: "the right and bottom edges of the image and the paragraph text around it."
+                  text run at (0,100) width 657: "This paragraph should have a white background, first of all, which extends to the"
+                  text run at (0,125) width 225: "edges of the element's box. "
+                  text run at (225,125) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,729) size 703x150 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {#text} at (30,0) size 706x150
+                RenderText {#text} at (30,0) size 698x150
                   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,25) width 640: "edges of the white background should line up with the top and left edges of the"
                   text run at (0,50) width 60: "image. "
                   text run at (60,50) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
                   text run at (0,75) width 313: "with the thick gray lines in the image. "
-                  text run at (313,75) width 393: "This paragraph should have a white background,"
-                  text run at (0,100) width 489: "first of all, which extends to the edges of the element's box. "
-                  text run at (489,100) width 214: "There is no padding set on"
-                  text run at (0,125) width 218: "this paragraph whatsoever."
+                  text run at (313,75) width 288: "This paragraph should have a white"
+                  text run at (0,100) width 594: "background, first of all, which extends to the edges of the element's box. "
+                  text run at (594,100) width 91: "There is no"
+                  text run at (0,125) width 341: "padding set on this paragraph whatsoever."
index 4856b76..16d2ed4 100644 (file)
@@ -1,74 +1,75 @@
-layer at (0,0) size 800x2928
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x2928
-  RenderBlock {HTML} at (0,0) size 800x2928
-    RenderBody {BODY} at (8,8) size 784x2912 [bgcolor=#CCCCCC]
-      RenderBlock (floating) {P} at (0,0) size 392x40 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 392x40
-          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,20) width 110: "floated to the left."
-      RenderBlock {P} at (0,0) size 784x80
-        RenderText {#text} at (392,0) size 784x80
-          text run at (392,0) width 392: "This paragraph should start on the right side of a yellow box"
-          text run at (392,20) width 392: "which contains the previous paragraph. Since the text of this"
-          text run at (0,40) 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,60) 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,80) size 784x20
+layer at (0,0) size 781x2968
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x2968
+  RenderBlock {HTML} at (0,0) size 781x2968
+    RenderBody {BODY} at (8,8) size 765x2952 [bgcolor=#CCCCCC]
+      RenderBlock (floating) {P} at (0,0) size 382x40 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 382x40
+          text run at (0,0) width 382: "This paragraph is of class \"one\". It has a width of 50% and"
+          text run at (0,20) width 124: "is floated to the left."
+      RenderBlock {P} at (0,0) size 765x100
+        RenderText {#text} at (382,0) size 765x100
+          text run at (382,0) width 383: "This paragraph should start on the right side of a yellow box"
+          text run at (382,20) width 383: "which contains the previous paragraph. Since the text of this"
+          text run at (0,40) width 765: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
+          text run at (0,60) width 765: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
+          text run at (0,80) width 36: "other."
+      RenderBlock (anonymous) at (0,100) size 765x20
         RenderBR {BR} at (0,0) size 0x20
-      RenderBlock {HR} at (0,108) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (0,118) size 784x80 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 784x80
-          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,20) 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,40) 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,128) size 765x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,138) size 765x80 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 765x80
+          text run at (0,0) width 765: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+          text run at (0,20) width 765: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and"
+          text run at (0,40) width 765: "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,60) width 217: "paragraph for diagnostic purposes."
-      RenderBlock (anonymous) at (0,118) size 784x100
+      RenderBlock (anonymous) at (0,138) size 765x100
         RenderImage {IMG} at (0,80) size 15x15
         RenderText {#text} at (15,80) size 4x20
           text run at (15,80) width 4: " "
         RenderBR {BR} at (19,95) size 0x0
-      RenderBlock {HR} at (0,226) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (0,236) size 392x120 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 392x120
-          text run at (0,0) width 392: "This paragraph is floated to the left and the orange square"
-          text run at (0,20) width 392: "image should appear to the right of the paragraph. This"
-          text run at (0,40) width 392: "paragraph has a yellow background and no padding, margin"
-          text run at (0,60) width 392: "or border. The right edge of this yellow box should be"
-          text run at (0,80) width 392: "horizontally aligned with the left edge of the yellow box"
+      RenderBlock {HR} at (0,246) size 765x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,256) size 382x120 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 382x120
+          text run at (0,0) width 382: "This paragraph is floated to the left and the orange square"
+          text run at (0,20) width 382: "image should appear to the right of the paragraph. This"
+          text run at (0,40) width 382: "paragraph has a yellow background and no padding, margin"
+          text run at (0,60) width 382: "or border. The right edge of this yellow box should be"
+          text run at (0,80) width 382: "horizontally aligned with the left edge of the yellow box"
           text run at (0,100) width 79: "undernearth."
-      RenderBlock (anonymous) at (0,236) size 784x120
-        RenderImage {IMG} at (392,0) size 15x15
-        RenderText {#text} at (407,0) size 4x20
-          text run at (407,0) width 4: " "
-        RenderBR {BR} at (411,15) size 0x0
-      RenderBlock {HR} at (0,364) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (392,374) size 392x120 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 392x120
-          text run at (0,0) width 392: "This paragraph is floated to the right (using a STYLE"
-          text run at (0,20) width 392: "attribute) and the orange square image should appear to the"
-          text run at (0,40) width 392: "left of the paragraph. This paragraph has a yellow background"
-          text run at (0,60) width 392: "and no padding, margin or border. The left edge of this"
-          text run at (0,80) width 392: "yellow box should be horizonally aligned with the right edge"
-          text run at (0,100) width 157: "of the yellow box above."
-      RenderBlock (anonymous) at (0,374) size 784x120
+      RenderBlock (anonymous) at (0,256) size 765x120
+        RenderImage {IMG} at (382,0) size 15x15
+        RenderText {#text} at (397,0) size 4x20
+          text run at (397,0) width 4: " "
+        RenderBR {BR} at (401,15) size 0x0
+      RenderBlock {HR} at (0,384) size 765x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (383,394) size 382x120 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 382x120
+          text run at (0,0) width 382: "This paragraph is floated to the right (using a STYLE"
+          text run at (0,20) width 382: "attribute) and the orange square image should appear to the"
+          text run at (0,40) width 382: "left of the paragraph. This paragraph has a yellow"
+          text run at (0,60) width 382: "background and no padding, margin or border. The left edge"
+          text run at (0,80) width 382: "of this yellow box should be horizonally aligned with the"
+          text run at (0,100) width 224: "right edge of the yellow box above."
+      RenderBlock (anonymous) at (0,394) size 765x120
         RenderImage {IMG} at (0,0) size 15x15
         RenderText {#text} at (15,0) size 4x20
           text run at (15,0) width 4: " "
         RenderBR {BR} at (19,15) size 0x0
-      RenderBlock {HR} at (0,502) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,512) size 784x60
+      RenderBlock {HR} at (0,522) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,532) size 765x60
         RenderBlock (floating) {SPAN} at (0,0) size 48x42 [bgcolor=#C0C0C0]
           RenderText {#text} at (0,0) size 21x42
             text run at (0,0) width 21: "T"
-        RenderText {#text} at (48,0) size 736x60
-          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,20) width 481: "as bold, with a content width of 1.5em and a background-color of silver. "
-          text run at (529,20) width 255: "The top of the big letter \"T\" should be"
-          text run at (48,40) 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,572) size 784x20
+        RenderText {#text} at (48,0) size 717x60
+          text run at (48,0) width 717: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+          text run at (48,20) width 493: "well as bold, with a content width of 1.5em and a background-color of silver. "
+          text run at (541,20) width 224: "The top of the big letter \"T\" should"
+          text run at (48,40) 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,592) size 765x20
         RenderBR {BR} at (0,0) size 0x20
-      RenderBlock {HR} at (0,600) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (438,620) size 336x216 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+      RenderBlock {HR} at (0,620) size 765x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (419,640) size 336x216 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
         RenderText {#text} at (8,8) size 320x200
           text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
           text run at (8,28) width 320: "of like a 'sidebar' in a magazine article. Its width is"
@@ -80,28 +81,28 @@ layer at (0,0) size 800x2928
           text run at (8,148) width 320: "element has a 10px wide margin around it where"
           text run at (8,168) width 320: "the blue background of the paragraph in the"
           text run at (8,188) width 217: "normal flow should shine through."
-      RenderBlock {P} at (0,610) size 784x220 [bgcolor=#66CCFF]
-        RenderText {#text} at (0,0) size 428x220
-          text run at (0,0) width 428: "This paragraph is not floating. If there is enough room, the textual"
-          text run at (0,20) width 428: "content of the paragraph should appear on the left side of the yellow"
-          text run at (0,40) width 157: "\"sidebar\" on the right. "
-          text run at (157,40) width 271: "The content of this element should flow"
-          text run at (0,60) width 183: "around the floated element. "
-          text run at (183,60) width 245: "However, the floated element may or"
-          text run at (0,80) width 428: "may not be obscured by the blue background of this element, as the"
-          text run at (0,100) width 353: "specification does not say which is drawn \"on top.\" "
-          text run at (353,100) width 75: "Even if the"
-          text run at (0,120) width 428: "floated element is obscured, it still forces the content of this element"
-          text run at (0,140) width 121: "to flow around it. "
-          text run at (121,140) width 307: "If the floated element is not obscured, then the"
-          text run at (0,160) width 428: "blue rectangle of this paragraph should extend 10px above and to"
-          text run at (0,180) width 428: "the right of the sidebar's red border, due to the margin styles set for"
-          text run at (0,200) width 123: "the floated element."
-      RenderBlock (anonymous) at (0,830) size 784x20
+      RenderBlock {P} at (0,630) size 765x220 [bgcolor=#66CCFF]
+        RenderText {#text} at (0,0) size 409x220
+          text run at (0,0) width 409: "This paragraph is not floating. If there is enough room, the"
+          text run at (0,20) width 409: "textual content of the paragraph should appear on the left side of"
+          text run at (0,40) width 228: "the yellow \"sidebar\" on the right. "
+          text run at (228,40) width 181: "The content of this element"
+          text run at (0,60) width 270: "should flow around the floated element. "
+          text run at (270,60) width 139: "However, the floated"
+          text run at (0,80) width 409: "element may or may not be obscured by the blue background of"
+          text run at (0,100) width 409: "this element, as the specification does not say which is drawn"
+          text run at (0,120) width 65: "\"on top.\" "
+          text run at (65,120) width 344: "Even if the floated element is obscured, it still forces"
+          text run at (0,140) width 320: "the content of this element to flow around it. "
+          text run at (320,140) width 89: "If the floated"
+          text run at (0,160) width 409: "element is not obscured, then the blue rectangle of this paragraph"
+          text run at (0,180) width 409: "should extend 10px above and to the right of the sidebar's red"
+          text run at (0,200) width 368: "border, due to the margin styles set for the floated element."
+      RenderBlock (anonymous) at (0,850) size 765x20
         RenderBR {BR} at (0,0) size 0x20
-      RenderBlock {HR} at (0,858) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (0,868) size 784x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
-        RenderBlock (floating) {DIV} at (440,14) size 330x250 [bgcolor=#FFFF00]
+      RenderBlock {HR} at (0,878) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (0,888) size 765x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+        RenderBlock (floating) {DIV} at (421,14) size 330x250 [bgcolor=#FFFF00]
           RenderBlock {P} at (5,5) size 320x240
             RenderText {#text} at (0,0) size 320x240
               text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
@@ -116,135 +117,137 @@ layer at (0,0) size 800x2928
               text run at (0,180) width 320: "box should be rendered on top of the bottom red"
               text run at (0,200) width 320: "border. I.e., the bottom red border will appear"
               text run at (0,220) width 318: "broken where it's overlaid by the yellow rectangle."
-        RenderBlock {P} at (4,4) size 776x20
+        RenderBlock {P} at (4,4) size 757x20
           RenderText {#text} at (0,0) size 268x20
             text run at (0,0) width 268: "See description in the box on the right side"
-      RenderBlock (anonymous) at (0,896) size 784x246
+      RenderBlock (anonymous) at (0,916) size 765x246
         RenderBR {BR} at (0,0) size 0x20
-      RenderBlock {HR} at (0,1150) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {DIV} at (0,1160) size 196x80 [bgcolor=#66CCFF]
-        RenderBlock {P} at (0,0) size 196x80
-          RenderText {#text} at (0,0) size 196x80
-            text run at (0,0) width 196: "This paragraph is inside a DIV"
-            text run at (0,20) width 196: "which is floated left. Its"
-            text run at (0,40) width 196: "background is blue and the"
+      RenderBlock {HR} at (0,1170) size 765x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1180) size 191x80 [bgcolor=#66CCFF]
+        RenderBlock {P} at (0,0) size 191x80
+          RenderText {#text} at (0,0) size 191x80
+            text run at (0,0) width 191: "This paragraph is inside a"
+            text run at (0,20) width 191: "DIV which is floated left. Its"
+            text run at (0,40) width 191: "background is blue and the"
             text run at (0,60) width 87: "width is 25%."
-      RenderBlock (floating) {DIV} at (588,1160) size 196x80 [bgcolor=#FFFF00]
-        RenderBlock {P} at (0,0) size 196x80
-          RenderText {#text} at (0,0) size 196x80
-            text run at (0,0) width 196: "This paragraph is inside a DIV"
-            text run at (0,20) width 196: "which is floated right. Its"
-            text run at (0,40) width 196: "background is yellow and the"
+      RenderBlock (floating) {DIV} at (574,1180) size 191x80 [bgcolor=#FFFF00]
+        RenderBlock {P} at (0,0) size 191x80
+          RenderText {#text} at (0,0) size 191x80
+            text run at (0,0) width 191: "This paragraph is inside a"
+            text run at (0,20) width 191: "DIV which is floated right. Its"
+            text run at (0,40) width 191: "background is yellow and the"
             text run at (0,60) width 87: "width is 25%."
-      RenderBlock {P} at (0,1160) size 784x40
-        RenderText {#text} at (196,0) size 392x40
-          text run at (196,0) width 392: "This paragraph should appear between a blue box (on the left)"
-          text run at (196,20) width 199: "and a yellow box (on the right)."
-      RenderBlock (anonymous) at (0,1200) size 784x40
-        RenderBR {BR} at (196,0) size 0x20
-      RenderBlock {HR} at (0,1248) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {DIV} at (0,1258) size 588x140 [bgcolor=#66CCFF]
-        RenderBlock (floating) {DIV} at (431,0) size 147x40 [bgcolor=#FFFF00]
-          RenderBlock {P} at (0,0) size 147x40
-            RenderText {#text} at (0,0) size 147x40
-              text run at (0,0) width 147: "See description in the"
+      RenderBlock {P} at (0,1180) size 765x40
+        RenderText {#text} at (191,0) size 383x40
+          text run at (191,0) width 383: "This paragraph should appear between a blue box (on the"
+          text run at (191,20) width 29: "left) "
+          text run at (220,20) width 199: "and a yellow box (on the right)."
+      RenderBlock (anonymous) at (0,1220) size 765x40
+        RenderBR {BR} at (191,0) size 0x20
+      RenderBlock {HR} at (0,1268) size 765x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1278) size 573x140 [bgcolor=#66CCFF]
+        RenderBlock (floating) {DIV} at (420,0) size 143x40 [bgcolor=#FFFF00]
+          RenderBlock {P} at (0,0) size 143x40
+            RenderText {#text} at (0,0) size 143x40
+              text run at (0,0) width 143: "See description in the"
               text run at (0,20) width 124: "box on the left side."
-        RenderBlock {P} at (0,0) size 588x140
-          RenderText {#text} at (0,0) size 588x140
-            text run at (0,0) width 431: "This paragraph is inside a DIV which is floated left. The"
-            text run at (0,20) width 431: "background of the DIV element is blue and its width is 75%. This"
-            text run at (0,40) width 373: "text should all be inside the blue rectangle. The blue DIV "
-            text run at (373,40) width 215: "element has another DIV element"
-            text run at (0,60) width 170: "as a child. It has a yellow "
-            text run at (170,60) width 368: "background color and is floated to the right. Since it is a "
-            text run at (538,60) width 50: "child of"
-            text run at (0,80) width 350: "the blue DIV, the yellow DIV should appear inside the "
-            text run at (350,80) width 238: "blue rectangle. Due to it being floated"
-            text run at (0,100) width 155: "to the right and having "
-            text run at (155,100) width 433: "a 10px right margin, the yellow rectange should have a 10px blue"
-            text run at (0,120) width 138: "stripe on its right side."
-      RenderBlock (anonymous) at (0,1258) size 784x140
-        RenderBR {BR} at (588,0) size 0x20
-      RenderBlock {HR} at (0,1406) size 784x2 [border: (1px inset #000000)]
-      RenderTable {TABLE} at (0,1416) size 784x1496 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x1494
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+        RenderBlock {P} at (0,0) size 573x140
+          RenderText {#text} at (0,0) size 573x140
+            text run at (0,0) width 420: "This paragraph is inside a DIV which is floated left. The"
+            text run at (0,20) width 420: "background of the DIV element is blue and its width is 75%. This"
+            text run at (0,40) width 404: "text should all be inside the blue rectangle. The blue DIV "
+            text run at (404,40) width 169: "element has another DIV"
+            text run at (0,60) width 218: "element as a child. It has a yellow "
+            text run at (218,60) width 355: "background color and is floated to the right. Since it is a"
+            text run at (0,80) width 417: "child of the blue DIV, the yellow DIV should appear inside the "
+            text run at (417,80) width 156: "blue rectangle. Due to it"
+            text run at (0,100) width 234: "being floated to the right and having "
+            text run at (234,100) width 339: "a 10px right margin, the yellow rectange should have"
+            text run at (0,120) width 78: "a 10px blue "
+            text run at (78,120) width 138: "stripe on its right side."
+      RenderBlock (anonymous) at (0,1278) size 765x140
+        RenderBR {BR} at (573,0) size 0x20
+      RenderBlock {HR} at (0,1426) size 765x2 [border: (1px inset #000000)]
+      RenderTable {TABLE} at (0,1436) size 765x1516 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x1514
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x1464
-            RenderTableCell {TD} at (0,748) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,30) size 763x1484
+            RenderTableCell {TD} at (0,758) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x1464 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (floating) {P} at (4,4) size 381x40 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 381x40
-                  text run at (0,0) width 381: "This paragraph is of class \"one\". It has a width of 50% and"
+            RenderTableCell {TD} at (12,30) size 751x1484 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (floating) {P} at (4,4) size 371x40 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 371x40
+                  text run at (0,0) width 371: "This paragraph is of class \"one\". It has a width of 50% and"
                   text run at (0,20) width 124: "is floated to the left."
-              RenderBlock {P} at (4,4) size 762x100
-                RenderText {#text} at (381,0) size 762x100
-                  text run at (381,0) width 381: "This paragraph should start on the right side of a yellow box"
-                  text run at (381,20) width 381: "which contains the previous paragraph. Since the text of this"
-                  text run at (0,40) 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,60) 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,80) width 36: "other."
-              RenderBlock (anonymous) at (4,104) size 762x20
+              RenderBlock {P} at (4,4) size 743x100
+                RenderText {#text} at (371,0) size 743x100
+                  text run at (371,0) width 372: "This paragraph should start on the right side of a yellow"
+                  text run at (371,20) width 372: "box which contains the previous paragraph. Since the text"
+                  text run at (0,40) width 743: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
+                  text run at (0,60) width 743: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close"
+                  text run at (0,80) width 85: "to each other."
+              RenderBlock (anonymous) at (4,104) size 743x20
                 RenderBR {BR} at (0,0) size 0x20
-              RenderBlock {HR} at (4,132) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (4,142) size 762x80 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 762x80
-                  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,20) 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,40) 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,60) width 217: "paragraph for diagnostic purposes."
-              RenderBlock (anonymous) at (4,142) size 762x100
+              RenderBlock {HR} at (4,132) size 743x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,142) size 743x80 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 743x80
+                  text run at (0,0) width 743: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its"
+                  text run at (0,20) width 743: "parent element allows it to be. Therefore, even though the element is floated, there is no room for other content on the"
+                  text run at (0,40) width 743: "sides and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been"
+                  text run at (0,60) width 301: "added to this paragraph for diagnostic purposes."
+              RenderBlock (anonymous) at (4,142) size 743x100
                 RenderImage {IMG} at (0,80) size 15x15
                 RenderText {#text} at (15,80) size 4x20
                   text run at (15,80) width 4: " "
                 RenderBR {BR} at (19,95) size 0x0
-              RenderBlock {HR} at (4,250) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (4,260) size 381x120 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 381x120
-                  text run at (0,0) width 381: "This paragraph is floated to the left and the orange square"
-                  text run at (0,20) width 381: "image should appear to the right of the paragraph. This"
-                  text run at (0,40) width 381: "paragraph has a yellow background and no padding, margin"
-                  text run at (0,60) width 381: "or border. The right edge of this yellow box should be"
-                  text run at (0,80) width 381: "horizontally aligned with the left edge of the yellow box"
-                  text run at (0,100) width 79: "undernearth."
-              RenderBlock (anonymous) at (4,260) size 762x120
-                RenderImage {IMG} at (381,0) size 15x15
-                RenderText {#text} at (396,0) size 4x20
-                  text run at (396,0) width 4: " "
-                RenderBR {BR} at (400,15) size 0x0
-              RenderBlock {HR} at (4,388) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (385,398) size 381x120 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 381x120
-                  text run at (0,0) width 381: "This paragraph is floated to the right (using a STYLE"
-                  text run at (0,20) width 381: "attribute) and the orange square image should appear to the"
-                  text run at (0,40) width 381: "left of the paragraph. This paragraph has a yellow"
-                  text run at (0,60) width 381: "background and no padding, margin or border. The left"
-                  text run at (0,80) width 381: "edge of this yellow box should be horizonally aligned with"
+              RenderBlock {HR} at (4,250) size 743x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,260) size 371x120 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 371x120
+                  text run at (0,0) width 371: "This paragraph is floated to the left and the orange square"
+                  text run at (0,20) width 371: "image should appear to the right of the paragraph. This"
+                  text run at (0,40) width 371: "paragraph has a yellow background and no padding,"
+                  text run at (0,60) width 371: "margin or border. The right edge of this yellow box should"
+                  text run at (0,80) width 371: "be horizontally aligned with the left edge of the yellow"
+                  text run at (0,100) width 107: "box undernearth."
+              RenderBlock (anonymous) at (4,260) size 743x120
+                RenderImage {IMG} at (371,0) size 15x15
+                RenderText {#text} at (386,0) size 4x20
+                  text run at (386,0) width 4: " "
+                RenderBR {BR} at (390,15) size 0x0
+              RenderBlock {HR} at (4,388) size 743x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (376,398) size 371x120 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 371x120
+                  text run at (0,0) width 371: "This paragraph is floated to the right (using a STYLE"
+                  text run at (0,20) width 371: "attribute) and the orange square image should appear to the"
+                  text run at (0,40) width 371: "left of the paragraph. This paragraph has a yellow"
+                  text run at (0,60) width 371: "background and no padding, margin or border. The left"
+                  text run at (0,80) width 371: "edge of this yellow box should be horizonally aligned with"
                   text run at (0,100) width 247: "the right edge of the yellow box above."
-              RenderBlock (anonymous) at (4,398) size 762x120
+              RenderBlock (anonymous) at (4,398) size 743x120
                 RenderImage {IMG} at (0,0) size 15x15
                 RenderText {#text} at (15,0) size 4x20
                   text run at (15,0) width 4: " "
                 RenderBR {BR} at (19,15) size 0x0
-              RenderBlock {HR} at (4,526) size 762x2 [border: (1px inset #000000)]
-              RenderBlock {P} at (4,536) size 762x60
+              RenderBlock {HR} at (4,526) size 743x2 [border: (1px inset #000000)]
+              RenderBlock {P} at (4,536) size 743x80
                 RenderBlock (floating) {SPAN} at (0,0) size 48x42 [bgcolor=#C0C0C0]
                   RenderText {#text} at (0,0) size 21x42
                     text run at (0,0) width 21: "T"
-                RenderText {#text} at (48,0) size 714x60
-                  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,20) width 491: "well as bold, with a content width of 1.5em and a background-color of silver. "
-                  text run at (539,20) width 223: "The top of the big letter \"T\" should"
-                  text run at (48,40) 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,596) size 762x20
+                RenderText {#text} at (48,0) size 743x80
+                  text run at (48,0) width 695: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph,"
+                  text run at (48,20) width 515: "as well as bold, with a content width of 1.5em and a background-color of silver. "
+                  text run at (563,20) width 180: "The top of the big letter \"T\""
+                  text run at (48,40) width 695: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-"
+                  text run at (0,60) width 33: "cap\"."
+              RenderBlock (anonymous) at (4,616) size 743x20
                 RenderBR {BR} at (0,0) size 0x20
-              RenderBlock {HR} at (4,624) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (420,644) size 336x216 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+              RenderBlock {HR} at (4,644) size 743x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (401,664) size 336x216 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
                 RenderText {#text} at (8,8) size 320x200
                   text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
                   text run at (8,28) width 320: "of like a 'sidebar' in a magazine article. Its width is"
@@ -256,29 +259,29 @@ layer at (0,0) size 800x2928
                   text run at (8,148) width 320: "element has a 10px wide margin around it where"
                   text run at (8,168) width 320: "the blue background of the paragraph in the"
                   text run at (8,188) width 217: "normal flow should shine through."
-              RenderBlock {P} at (4,634) size 762x240 [bgcolor=#66CCFF]
-                RenderText {#text} at (0,0) size 406x240
-                  text run at (0,0) width 406: "This paragraph is not floating. If there is enough room, the"
-                  text run at (0,20) width 406: "textual content of the paragraph should appear on the left side of"
-                  text run at (0,40) width 226: "the yellow \"sidebar\" on the right. "
-                  text run at (226,40) width 180: "The content of this element"
-                  text run at (0,60) width 268: "should flow around the floated element. "
-                  text run at (268,60) width 138: "However, the floated"
-                  text run at (0,80) width 406: "element may or may not be obscured by the blue background of"
-                  text run at (0,100) width 406: "this element, as the specification does not say which is drawn"
-                  text run at (0,120) width 64: "\"on top.\" "
-                  text run at (64,120) width 342: "Even if the floated element is obscured, it still forces"
-                  text run at (0,140) width 318: "the content of this element to flow around it. "
-                  text run at (318,140) width 88: "If the floated"
-                  text run at (0,160) width 406: "element is not obscured, then the blue rectangle of this"
-                  text run at (0,180) width 406: "paragraph should extend 10px above and to the right of the"
-                  text run at (0,200) width 406: "sidebar's red border, due to the margin styles set for the floated"
-                  text run at (0,220) width 53: "element."
-              RenderBlock (anonymous) at (4,874) size 762x20
+              RenderBlock {P} at (4,654) size 743x240 [bgcolor=#66CCFF]
+                RenderText {#text} at (0,0) size 387x240
+                  text run at (0,0) width 387: "This paragraph is not floating. If there is enough room, the"
+                  text run at (0,20) width 387: "textual content of the paragraph should appear on the left side"
+                  text run at (0,40) width 257: "of the yellow \"sidebar\" on the right. "
+                  text run at (257,40) width 130: "The content of this"
+                  text run at (0,60) width 324: "element should flow around the floated element. "
+                  text run at (324,60) width 63: "However,"
+                  text run at (0,80) width 387: "the floated element may or may not be obscured by the blue"
+                  text run at (0,100) width 387: "background of this element, as the specification does not say"
+                  text run at (0,120) width 183: "which is drawn \"on top.\" "
+                  text run at (183,120) width 204: "Even if the floated element is"
+                  text run at (0,140) width 387: "obscured, it still forces the content of this element to flow"
+                  text run at (0,160) width 64: "around it. "
+                  text run at (64,160) width 323: "If the floated element is not obscured, then the blue"
+                  text run at (0,180) width 387: "rectangle of this paragraph should extend 10px above and to"
+                  text run at (0,200) width 387: "the right of the sidebar's red border, due to the margin styles"
+                  text run at (0,220) width 166: "set for the floated element."
+              RenderBlock (anonymous) at (4,894) size 743x20
                 RenderBR {BR} at (0,0) size 0x20
-              RenderBlock {HR} at (4,902) size 762x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (4,912) size 762x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
-                RenderBlock (floating) {DIV} at (418,14) size 330x250 [bgcolor=#FFFF00]
+              RenderBlock {HR} at (4,922) size 743x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (4,932) size 743x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+                RenderBlock (floating) {DIV} at (399,14) size 330x250 [bgcolor=#FFFF00]
                   RenderBlock {P} at (5,5) size 320x240
                     RenderText {#text} at (0,0) size 320x240
                       text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
@@ -293,54 +296,57 @@ layer at (0,0) size 800x2928
                       text run at (0,180) width 320: "box should be rendered on top of the bottom red"
                       text run at (0,200) width 320: "border. I.e., the bottom red border will appear"
                       text run at (0,220) width 318: "broken where it's overlaid by the yellow rectangle."
-                RenderBlock {P} at (4,4) size 754x20
+                RenderBlock {P} at (4,4) size 735x20
                   RenderText {#text} at (0,0) size 268x20
                     text run at (0,0) width 268: "See description in the box on the right side"
-              RenderBlock (anonymous) at (4,940) size 762x246
+              RenderBlock (anonymous) at (4,960) size 743x246
                 RenderBR {BR} at (0,0) size 0x20
-              RenderBlock {HR} at (4,1194) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {DIV} at (4,1204) size 190x80 [bgcolor=#66CCFF]
-                RenderBlock {P} at (0,0) size 190x80
-                  RenderText {#text} at (0,0) size 190x80
-                    text run at (0,0) width 190: "This paragraph is inside a"
-                    text run at (0,20) width 190: "DIV which is floated left. Its"
-                    text run at (0,40) width 190: "background is blue and the"
+              RenderBlock {HR} at (4,1214) size 743x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1224) size 185x80 [bgcolor=#66CCFF]
+                RenderBlock {P} at (0,0) size 185x80
+                  RenderText {#text} at (0,0) size 185x80
+                    text run at (0,0) width 185: "This paragraph is inside a"
+                    text run at (0,20) width 185: "DIV which is floated left. Its"
+                    text run at (0,40) width 185: "background is blue and the"
                     text run at (0,60) width 87: "width is 25%."
-              RenderBlock (floating) {DIV} at (576,1204) size 190x80 [bgcolor=#FFFF00]
-                RenderBlock {P} at (0,0) size 190x80
-                  RenderText {#text} at (0,0) size 190x80
-                    text run at (0,0) width 190: "This paragraph is inside a"
-                    text run at (0,20) width 190: "DIV which is floated right. Its"
-                    text run at (0,40) width 190: "background is yellow and the"
-                    text run at (0,60) width 87: "width is 25%."
-              RenderBlock {P} at (4,1204) size 762x40
-                RenderText {#text} at (190,0) size 382x40
-                  text run at (190,0) width 382: "This paragraph should appear between a blue box (on the"
-                  text run at (190,20) width 29: "left) "
-                  text run at (219,20) width 199: "and a yellow box (on the right)."
-              RenderBlock (anonymous) at (4,1244) size 762x40
-                RenderBR {BR} at (190,0) size 0x20
-              RenderBlock {HR} at (4,1292) size 762x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {DIV} at (4,1302) size 571x140 [bgcolor=#66CCFF]
-                RenderBlock (floating) {DIV} at (419,0) size 142x40 [bgcolor=#FFFF00]
-                  RenderBlock {P} at (0,0) size 142x40
-                    RenderText {#text} at (0,0) size 142x40
-                      text run at (0,0) width 142: "See description in the"
+              RenderBlock (floating) {DIV} at (562,1224) size 185x80 [bgcolor=#FFFF00]
+                RenderBlock {P} at (0,0) size 185x80
+                  RenderText {#text} at (0,0) size 185x80
+                    text run at (0,0) width 185: "This paragraph is inside a"
+                    text run at (0,20) width 185: "DIV which is floated right."
+                    text run at (0,40) width 19: "Its "
+                    text run at (19,40) width 166: "background is yellow and"
+                    text run at (0,60) width 110: "the width is 25%."
+              RenderBlock {P} at (4,1224) size 743x40
+                RenderText {#text} at (185,0) size 373x40
+                  text run at (185,0) width 373: "This paragraph should appear between a blue box (on the"
+                  text run at (185,20) width 29: "left) "
+                  text run at (214,20) width 199: "and a yellow box (on the right)."
+              RenderBlock (anonymous) at (4,1264) size 743x40
+                RenderBR {BR} at (185,0) size 0x20
+              RenderBlock {HR} at (4,1312) size 743x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1322) size 557x140 [bgcolor=#66CCFF]
+                RenderBlock (floating) {DIV} at (408,0) size 139x40 [bgcolor=#FFFF00]
+                  RenderBlock {P} at (0,0) size 139x40
+                    RenderText {#text} at (0,0) size 139x40
+                      text run at (0,0) width 139: "See description in the"
                       text run at (0,20) width 124: "box on the left side."
-                RenderBlock {P} at (0,0) size 571x140
-                  RenderText {#text} at (0,0) size 571x140
-                    text run at (0,0) width 419: "This paragraph is inside a DIV which is floated left. The"
-                    text run at (0,20) width 419: "background of the DIV element is blue and its width is 75%. This"
-                    text run at (0,40) width 402: "text should all be inside the blue rectangle. The blue DIV "
-                    text run at (402,40) width 169: "element has another DIV"
-                    text run at (0,60) width 217: "element as a child. It has a yellow "
-                    text run at (217,60) width 354: "background color and is floated to the right. Since it is a"
-                    text run at (0,80) width 415: "child of the blue DIV, the yellow DIV should appear inside the "
-                    text run at (415,80) width 156: "blue rectangle. Due to it"
-                    text run at (0,100) width 233: "being floated to the right and having "
-                    text run at (233,100) width 338: "a 10px right margin, the yellow rectange should have"
-                    text run at (0,120) width 78: "a 10px blue "
-                    text run at (78,120) width 138: "stripe on its right side."
-              RenderBlock (anonymous) at (4,1302) size 762x140
-                RenderBR {BR} at (571,0) size 0x20
-              RenderBlock {HR} at (4,1450) size 762x2 [border: (1px inset #000000)]
+                RenderBlock {P} at (0,0) size 557x140
+                  RenderText {#text} at (0,0) size 557x140
+                    text run at (0,0) width 408: "This paragraph is inside a DIV which is floated left. The"
+                    text run at (0,20) width 408: "background of the DIV element is blue and its width is 75%."
+                    text run at (0,40) width 32: "This "
+                    text run at (32,40) width 366: "text should all be inside the blue rectangle. The blue DIV "
+                    text run at (398,40) width 159: "element has another DIV"
+                    text run at (0,60) width 216: "element as a child. It has a yellow "
+                    text run at (216,60) width 341: "background color and is floated to the right. Since it is"
+                    text run at (0,80) width 11: "a "
+                    text run at (11,80) width 406: "child of the blue DIV, the yellow DIV should appear inside the "
+                    text run at (417,80) width 140: "blue rectangle. Due to"
+                    text run at (0,100) width 250: "it being floated to the right and having "
+                    text run at (250,100) width 307: "a 10px right margin, the yellow rectange should"
+                    text run at (0,120) width 112: "have a 10px blue "
+                    text run at (112,120) width 138: "stripe on its right side."
+              RenderBlock (anonymous) at (4,1322) size 743x140
+                RenderBR {BR} at (557,0) size 0x20
+              RenderBlock {HR} at (4,1470) size 743x2 [border: (1px inset #000000)]
index f011cc1..fb9dff9 100644 (file)
@@ -1,76 +1,76 @@
-layer at (0,0) size 800x999
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x999
-  RenderBlock {HTML} at (0,0) size 800x999
-    RenderBody {BODY} at (8,8) size 784x983 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x999
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x999
+  RenderBlock {HTML} at (0,0) size 781x999
+    RenderBody {BODY} at (8,8) size 765x983 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x48
+      RenderBlock {PRE} at (0,36) size 765x48
         RenderText {#text} at (0,0) size 168x47
           text run at (0,0) width 160: ".one {height: 50px;}"
           text run at (160,0) width 0: " "
           text run at (0,16) width 168: ".two {height: 100px;}"
           text run at (168,16) width 0: " "
           text run at (0,32) width 0: " "
-      RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #000000)]
-      RenderBlock (anonymous) at (0,107) size 784x50
+      RenderBlock {HR} at (0,97) size 765x2 [border: (1px inset #000000)]
+      RenderBlock (anonymous) at (0,107) size 765x50
         RenderImage {IMG} at (0,0) size 50x50
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,173) size 784x20
+      RenderBlock {P} at (0,173) size 765x20
         RenderText {#text} at (0,0) size 275x20
           text run at (0,0) width 275: "The square above should be fifty pixels tall."
-      RenderBlock (anonymous) at (0,209) size 784x100
+      RenderBlock (anonymous) at (0,209) size 765x100
         RenderImage {IMG} at (0,0) size 100x100
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,325) size 784x20
+      RenderBlock {P} at (0,325) size 765x20
         RenderText {#text} at (0,0) size 335x20
           text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
-      RenderBlock (anonymous) at (0,361) size 784x100
+      RenderBlock (anonymous) at (0,361) size 765x100
         RenderImage {IMG} at (0,0) size 30x100
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,477) size 784x40
-        RenderText {#text} at (0,0) size 784x40
-          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,20) width 116: "doubled using the "
+      RenderBlock {P} at (0,477) size 765x40
+        RenderText {#text} at (0,0) size 750x40
+          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,20) width 150: "been doubled using the "
         RenderInline {CODE} at (0,0) size 48x15
-          RenderText {#text} at (116,24) size 48x15
-            text run at (116,24) width 48: "height"
-        RenderText {#text} at (164,20) size 66x20
-          text run at (164,20) width 66: " property)."
-      RenderTable {TABLE} at (0,533) size 784x450 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x448
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+          RenderText {#text} at (150,24) size 48x15
+            text run at (150,24) width 48: "height"
+        RenderText {#text} at (198,20) size 66x20
+          text run at (198,20) width 66: " property)."
+      RenderTable {TABLE} at (0,533) size 765x450 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x448
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x418
+          RenderTableRow {TR} at (0,30) size 763x418
             RenderTableCell {TD} at (0,225) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x418 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (4,4) size 762x50
+            RenderTableCell {TD} at (12,30) size 751x418 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (4,4) size 743x50
                 RenderImage {IMG} at (0,0) size 50x50
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,70) size 762x20
+              RenderBlock {P} at (4,70) size 743x20
                 RenderText {#text} at (0,0) size 275x20
                   text run at (0,0) width 275: "The square above should be fifty pixels tall."
-              RenderBlock (anonymous) at (4,106) size 762x100
+              RenderBlock (anonymous) at (4,106) size 743x100
                 RenderImage {IMG} at (0,0) size 100x100
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,222) size 762x20
+              RenderBlock {P} at (4,222) size 743x20
                 RenderText {#text} at (0,0) size 335x20
                   text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
-              RenderBlock (anonymous) at (4,258) size 762x100
+              RenderBlock (anonymous) at (4,258) size 743x100
                 RenderImage {IMG} at (0,0) size 30x100
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,374) size 762x40
-                RenderText {#text} at (0,0) size 750x40
-                  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,20) width 150: "been doubled using the "
+              RenderBlock {P} at (4,374) size 743x40
+                RenderText {#text} at (0,0) size 725x40
+                  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,20) width 175: "has been doubled using the "
                 RenderInline {CODE} at (0,0) size 48x15
-                  RenderText {#text} at (150,24) size 48x15
-                    text run at (150,24) width 48: "height"
-                RenderText {#text} at (198,20) size 66x20
-                  text run at (198,20) width 66: " property)."
+                  RenderText {#text} at (175,24) size 48x15
+                    text run at (175,24) width 48: "height"
+                RenderText {#text} at (223,20) size 66x20
+                  text run at (223,20) width 66: " property)."
index 516e1ad..7d835aa 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 802x2711
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 802x2711
-  RenderBlock {HTML} at (0,0) size 800x2711
-    RenderBody {BODY} at (8,8) size 784x2695 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 783x2731
+  RenderView at (0,0) size 781x581
+layer at (0,0) size 783x2731
+  RenderBlock {HTML} at (0,0) size 781x2731
+    RenderBody {BODY} at (8,8) size 765x2715 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x112
+      RenderBlock {PRE} at (0,36) size 765x112
         RenderText {#text} at (0,0) size 360x111
           text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
           text run at (352,0) width 0: " "
@@ -22,143 +22,145 @@ layer at (0,0) size 802x2711
           text run at (168,80) width 0: " "
           text run at (0,96) width 360: ".six {margin: -10px; background-color: aqua;}"
           text run at (360,96) width 0: " "
-      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,179) size 784x40
+      RenderBlock {HR} at (0,161) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,179) size 765x40
         RenderText {#text} at (0,0) size 738x40
           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,20) width 248: "section 4.1.1 of the CSS1 specification."
-      RenderBlock {P} at (0,235) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,235) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (48,303) size 688x20 [bgcolor=#00FFFF]
+      RenderBlock {P} at (48,303) size 669x20 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 658x20
           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,371) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,371) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (25,416) size 734x20 [bgcolor=#00FFFF]
+      RenderBlock {P} at (25,416) size 715x20 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 641x20
           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,461) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,461) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (80,561) size 624x20 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 615x20
-          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,661) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (80,561) size 605x40 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 586x40
+          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,20) width 25: "test."
+      RenderBlock {P} at (0,681) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (196,877) size 392x60 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 391x60
-          text run at (0,0) width 391: "This sentence should have an overall margin of 25%, which is"
-          text run at (0,20) width 362: "calculated with respect to the width of the parent element."
+      RenderBlock {P} at (191,892) size 383x60 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 377x60
+          text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
+          text run at (0,20) width 376: "is calculated with respect to the width of the parent element."
           text run at (0,40) width 264: "This will require extra text in order to test."
-      RenderBlock {P} at (0,1133) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1143) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {UL} at (25,1178) size 734x130 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 694x20
+      RenderBlock {UL} at (25,1188) size 715x130 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 675x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 375x20
             text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
-        RenderListItem {LI} at (40,20) size 694x20
+        RenderListItem {LI} at (40,20) size 675x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 264x20
             text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (65,65) size 644x20
+        RenderListItem {LI} at (65,65) size 625x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 543x20
             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,110) size 694x20
+        RenderListItem {LI} at (40,110) size 675x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 294x20
             text run at (0,0) width 294: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,1333) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1343) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (-10,1343) size 804x60 [bgcolor=#00FFFF]
+      RenderBlock {P} at (-10,1353) size 785x60 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 775x60
           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,20) width 369: "subsequent text up toward it, and a light blue background. "
           text run at (369,20) width 386: "In all other respects, however, the element should be normal. "
           text run at (755,20) width 20: "No"
           text run at (0,40) width 528: "styles have been applied to it besides the negative margin and the background color."
-      RenderBlock {P} at (0,1393) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,1403) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderTable {TABLE} at (0,1413) size 784x1282 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x1280
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,1423) size 765x1292 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x1290
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x1250
-            RenderTableCell {TD} at (0,641) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,30) size 763x1260
+            RenderTableCell {TD} at (0,646) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x20
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,30) size 770x1250 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x40
+            RenderTableCell {TD} at (12,30) size 751x1260 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 743x40
                 RenderText {#text} at (0,0) size 738x40
                   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,20) width 248: "section 4.1.1 of the CSS1 specification."
-              RenderBlock {P} at (4,60) size 762x20 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,60) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (52,128) size 666x20 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 658x20
-                  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,196) size 762x20 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (52,128) size 647x40 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 629x40
+                  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,20) width 25: "test."
+              RenderBlock {P} at (4,216) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (29,241) size 712x20 [bgcolor=#00FFFF]
+              RenderBlock {P} at (29,261) size 693x20 [bgcolor=#00FFFF]
                 RenderText {#text} at (0,0) size 641x20
                   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,286) size 762x20 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,306) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (84,386) size 602x40 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 586x40
-                  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,20) width 25: "test."
-              RenderBlock {P} at (4,506) size 762x20 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (84,406) size 583x40 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 570x40
+                  text run at (0,0) width 570: "This sentence should have an overall margin of 5 em, which will require extra text in order"
+                  text run at (0,20) width 41: "to test."
+              RenderBlock {P} at (4,526) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (194,716) size 382x60 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 377x60
-                  text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
-                  text run at (0,20) width 376: "is calculated with respect to the width of the parent element."
-                  text run at (0,40) width 264: "This will require extra text in order to test."
-              RenderBlock {P} at (4,966) size 762x20 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (189,731) size 373x60 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 362x60
+                  text run at (0,0) width 334: "This sentence should have an overall margin of 25%,"
+                  text run at (0,20) width 362: "which is calculated with respect to the width of the parent"
+                  text run at (0,40) width 57: "element. "
+                  text run at (57,40) width 264: "This will require extra text in order to test."
+              RenderBlock {P} at (4,976) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {UL} at (29,1011) size 712x130 [bgcolor=#00FFFF]
-                RenderListItem {LI} at (40,0) size 672x20
+              RenderBlock {UL} at (29,1021) size 693x130 [bgcolor=#00FFFF]
+                RenderListItem {LI} at (40,0) size 653x20
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 375x20
                     text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
-                RenderListItem {LI} at (40,20) size 672x20
+                RenderListItem {LI} at (40,20) size 653x20
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 264x20
                     text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-                RenderListItem {LI} at (65,65) size 622x20
+                RenderListItem {LI} at (65,65) size 603x20
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 543x20
                     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,110) size 672x20
+                RenderListItem {LI} at (40,110) size 653x20
                   RenderListMarker at (-18,0) size 7x20: bullet
                   RenderText {#text} at (0,0) size 294x20
                     text run at (0,0) width 294: "This list item has no special styles applied to it."
-              RenderBlock {P} at (4,1166) size 762x20 [bgcolor=#C0C0C0]
+              RenderBlock {P} at (4,1176) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
-              RenderBlock {P} at (-6,1176) size 782x60 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 775x60
+              RenderBlock {P} at (-6,1186) size 763x60 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 758x60
                   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,20) width 369: "subsequent text up toward it, and a light blue background. "
-                  text run at (369,20) width 386: "In all other respects, however, the element should be normal. "
-                  text run at (755,20) width 20: "No"
-                  text run at (0,40) width 528: "styles have been applied to it besides the negative margin and the background color."
-              RenderBlock {P} at (4,1226) size 762x20 [bgcolor=#C0C0C0]
+                  text run at (369,20) width 382: "In all other respects, however, the element should be normal."
+                  text run at (0,40) width 552: "No styles have been applied to it besides the negative margin and the background color."
+              RenderBlock {P} at (4,1236) size 743x20 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 203x20
                   text run at (0,0) width 203: "This element has a class of zero."
index bec098b..486871a 100644 (file)
@@ -1,12 +1,12 @@
-layer at (0,0) size 800x1831
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1831
-  RenderBlock {HTML} at (0,0) size 800x1831
-    RenderBody {BODY} at (8,8) size 784x1815 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
+layer at (0,0) size 781x1821
+  RenderView at (0,0) size 781x600
+layer at (0,0) size 781x1821
+  RenderBlock {HTML} at (0,0) size 781x1821
+    RenderBody {BODY} at (8,8) size 765x1805 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 765x20
         RenderText {#text} at (0,0) size 355x20
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,36) size 784x144
+      RenderBlock {PRE} at (0,36) size 765x144
         RenderText {#text} at (0,0) size 416x143
           text run at (0,0) width 408: ".zero {background-color: silver; margin-bottom: 0;}"
           text run at (408,0) width 0: " "
@@ -25,126 +25,126 @@ layer at (0,0) size 800x1831
           text run at (0,112) width 176: "P, UL {margin-top: 0;}"
           text run at (176,112) width 0: " "
           text run at (0,128) width 0: " "
-      RenderBlock {HR} at (0,193) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,203) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {HR} at (0,193) size 765x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,203) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,223) size 784x40 [bgcolor=#00FFFF]
+      RenderBlock {P} at (0,223) size 765x40 [bgcolor=#00FFFF]
         RenderText {#text} at (0,0) size 740x40
           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,20) width 203: "margin isn't applied to each line."
-      RenderBlock {P} at (0,311) size 784x40 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 771x40
-          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,311) size 765x40 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 723x40
+          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,20) width 203: "margin isn't applied to each line."
+      RenderBlock {P} at (0,376) size 765x40 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 745x40
+          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,20) width 155: "isn't applied to each line."
+      RenderBlock {P} at (0,496) size 765x40 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 738x40
+          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,20) width 155: "isn't applied to each line."
-      RenderBlock {P} at (0,376) size 784x40 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 774x40
-          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,20) width 126: "applied to each line."
-      RenderBlock {P} at (0,496) size 784x40 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 767x40
-          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,20) width 126: "applied to each line."
-      RenderBlock {P} at (0,732) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,727) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,752) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,747) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 232x20
           text run at (0,0) width 232: "This element also has a class of zero."
-      RenderBlock {UL} at (0,772) size 784x105 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 744x20
+      RenderBlock {UL} at (0,767) size 765x105 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 725x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 424x20
             text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
-        RenderListItem {LI} at (40,20) size 744x20
+        RenderListItem {LI} at (40,20) size 725x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 264x20
             text run at (0,0) width 264: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (40,40) size 744x20
+        RenderListItem {LI} at (40,40) size 725x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 591x20
             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,85) size 744x20
+        RenderListItem {LI} at (40,85) size 725x20
           RenderListMarker at (-18,0) size 7x20: bullet
           RenderText {#text} at (0,0) size 294x20
             text run at (0,0) width 294: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,902) size 784x60 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 775x60
-          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,20) width 96: "no top margin. "
-          text run at (96,20) width 488: "No other styles have been applied to it besides a light blue background color. "
-          text run at (584,20) width 149: "In all other respects, the"
+      RenderBlock {P} at (0,897) size 765x60 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 760x60
+          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,20) width 123: "and no top margin. "
+          text run at (123,20) width 488: "No other styles have been applied to it besides a light blue background color. "
+          text run at (611,20) width 149: "In all other respects, the"
           text run at (0,40) width 166: "element should be normal."
-      RenderBlock {P} at (0,952) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,947) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 203x20
           text run at (0,0) width 203: "This element has a class of zero."
-      RenderBlock {P} at (0,972) size 784x20 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,967) size 765x20 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 232x20
           text run at (0,0) width 232: "This element also has a class of zero."
-      RenderTable {TABLE} at (0,992) size 784x823 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x821
-          RenderTableRow {TR} at (0,0) size 782x30
-            RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,987) size 765x818 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 763x816
+          RenderTableRow {TR} at (0,0) size 763x30
+            RenderTableCell {TD} at (0,0) size 763x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 163x22
                 RenderText {#text} at (4,4) size 163x22
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x791
-            RenderTableCell {TD} at (0,411