Subpixel layout: Default style of input type=checkbox/radio (0.5ex) adds 1px extra...
authorzalan@apple.com <zalan@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 25 Jan 2014 01:34:09 +0000 (01:34 +0000)
committerzalan@apple.com <zalan@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 25 Jan 2014 01:34:09 +0000 (01:34 +0000)
https://bugs.webkit.org/show_bug.cgi?id=125728

Reviewed by Simon Fraser.

Using the 0.5ex value to set checkbox/radio left and right margins is a long-standing
(khtml) behavior. While it indicates dynamic behavior, in order to get the margins changed,
the widget's font size needs to be set, which is rather rare for such input types.
It also results in odd layout, where the checkbox's indentation may seem to change randomly.

'<input style="font-size: 30px;" type="checkbox">foo' changes neither the checkbox
nor the text size, but it indents the line by about 15px.

Other browsers (FF, Opera with Presto) disagree and they set static margins values.
2px is the current default computed value.

Source/WebCore:

* css/html.css:
(input[type="radio"], input[type="checkbox"]):

LayoutTests:

* platform/mac-mountainlion/fast/block/margin-collapse/103-expected.txt:
* platform/mac-mountainlion/fast/forms/basic-inputs-expected.txt:
* platform/mac-mountainlion/fast/forms/box-shadow-override-expected.txt:
* platform/mac-mountainlion/fast/forms/form-element-geometry-expected.txt:
* platform/mac-mountainlion/fast/forms/input-appearance-height-expected.txt:
* platform/mac-mountainlion/fast/forms/input-value-expected.txt:
* platform/mac-mountainlion/fast/replaced/replaced-breaking-expected.txt:
* platform/mac-mountainlion/fast/text/textIteratorNilRenderer-expected.txt:
* platform/mac-mountainlion/http/tests/navigation/javascriptlink-frames-expected.txt:
* platform/mac-mountainlion/tables/mozilla/bugs/bug4527-expected.txt:
* platform/mac/compositing/overflow/theme-affects-visual-overflow-expected.txt:
* platform/mac/css1/box_properties/acid_test-expected.txt:
* platform/mac/css2.1/t09-c5526c-display-00-e-expected.txt:
* platform/mac/css3/selectors3/html/css3-modsel-25-expected.txt:
* platform/mac/css3/selectors3/html/css3-modsel-70-expected.txt:
* platform/mac/css3/selectors3/xhtml/css3-modsel-25-expected.txt:
* platform/mac/css3/selectors3/xhtml/css3-modsel-70-expected.txt:
* platform/mac/css3/selectors3/xml/css3-modsel-25-expected.txt:
* platform/mac/css3/selectors3/xml/css3-modsel-70-expected.txt:
* platform/mac/fast/block/basic/011-expected.txt:
* platform/mac/fast/block/margin-collapse/103-expected.txt:
* platform/mac/fast/css/non-standard-checkbox-size-expected.txt:
* platform/mac/fast/forms/001-expected.txt:
* platform/mac/fast/forms/basic-inputs-expected.txt:
* platform/mac/fast/forms/box-shadow-override-expected.txt:
* platform/mac/fast/forms/file/file-input-disabled-expected.txt:
* platform/mac/fast/forms/form-element-geometry-expected.txt:
* platform/mac/fast/forms/formmove-expected.txt:
* platform/mac/fast/forms/formmove2-expected.txt:
* platform/mac/fast/forms/indeterminate-expected.txt:
* platform/mac/fast/forms/input-appearance-height-expected.txt:
* platform/mac/fast/forms/input-value-expected.txt:
* platform/mac/fast/inline/positionedLifetime-expected.txt:
* platform/mac/fast/parser/bad-xml-slash-expected.txt:
* platform/mac/fast/replaced/replaced-breaking-expected.txt:
* platform/mac/fast/replaced/width100percent-checkbox-expected.txt:
* platform/mac/fast/replaced/width100percent-radio-expected.txt:
* platform/mac/fast/text/textIteratorNilRenderer-expected.txt:
* platform/mac/fast/text/whitespace/normal-after-nowrap-breaking-expected.txt:
* platform/mac/http/tests/navigation/javascriptlink-frames-expected.txt:
* platform/mac/tables/mozilla/bugs/bug1318-expected.txt:
* platform/mac/tables/mozilla/bugs/bug4527-expected.txt:
* platform/mac/tables/mozilla_expected_failures/core/captions1-expected.txt:
* platform/mac/tables/mozilla_expected_failures/core/captions2-expected.txt:

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

47 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/mac-mountainlion/fast/block/margin-collapse/103-expected.txt
LayoutTests/platform/mac-mountainlion/fast/forms/basic-inputs-expected.txt
LayoutTests/platform/mac-mountainlion/fast/forms/box-shadow-override-expected.txt
LayoutTests/platform/mac-mountainlion/fast/forms/form-element-geometry-expected.txt
LayoutTests/platform/mac-mountainlion/fast/forms/input-appearance-height-expected.txt
LayoutTests/platform/mac-mountainlion/fast/forms/input-value-expected.txt
LayoutTests/platform/mac-mountainlion/fast/replaced/replaced-breaking-expected.txt
LayoutTests/platform/mac-mountainlion/fast/text/textIteratorNilRenderer-expected.txt
LayoutTests/platform/mac-mountainlion/http/tests/navigation/javascriptlink-frames-expected.txt
LayoutTests/platform/mac-mountainlion/tables/mozilla/bugs/bug4527-expected.txt
LayoutTests/platform/mac/compositing/overflow/theme-affects-visual-overflow-expected.txt
LayoutTests/platform/mac/css1/box_properties/acid_test-expected.txt
LayoutTests/platform/mac/css2.1/t09-c5526c-display-00-e-expected.txt
LayoutTests/platform/mac/css3/selectors3/html/css3-modsel-25-expected.txt
LayoutTests/platform/mac/css3/selectors3/html/css3-modsel-70-expected.txt
LayoutTests/platform/mac/css3/selectors3/xhtml/css3-modsel-25-expected.txt
LayoutTests/platform/mac/css3/selectors3/xhtml/css3-modsel-70-expected.txt
LayoutTests/platform/mac/css3/selectors3/xml/css3-modsel-25-expected.txt
LayoutTests/platform/mac/css3/selectors3/xml/css3-modsel-70-expected.txt
LayoutTests/platform/mac/fast/block/basic/011-expected.txt
LayoutTests/platform/mac/fast/block/margin-collapse/103-expected.txt
LayoutTests/platform/mac/fast/css/non-standard-checkbox-size-expected.txt
LayoutTests/platform/mac/fast/forms/001-expected.txt
LayoutTests/platform/mac/fast/forms/basic-inputs-expected.txt
LayoutTests/platform/mac/fast/forms/box-shadow-override-expected.txt
LayoutTests/platform/mac/fast/forms/file/file-input-disabled-expected.txt
LayoutTests/platform/mac/fast/forms/form-element-geometry-expected.txt
LayoutTests/platform/mac/fast/forms/formmove-expected.txt
LayoutTests/platform/mac/fast/forms/formmove2-expected.txt
LayoutTests/platform/mac/fast/forms/indeterminate-expected.txt
LayoutTests/platform/mac/fast/forms/input-appearance-height-expected.txt
LayoutTests/platform/mac/fast/forms/input-value-expected.txt
LayoutTests/platform/mac/fast/inline/positionedLifetime-expected.txt
LayoutTests/platform/mac/fast/parser/bad-xml-slash-expected.txt
LayoutTests/platform/mac/fast/replaced/replaced-breaking-expected.txt
LayoutTests/platform/mac/fast/replaced/width100percent-checkbox-expected.txt
LayoutTests/platform/mac/fast/replaced/width100percent-radio-expected.txt
LayoutTests/platform/mac/fast/text/textIteratorNilRenderer-expected.txt
LayoutTests/platform/mac/fast/text/whitespace/normal-after-nowrap-breaking-expected.txt
LayoutTests/platform/mac/http/tests/navigation/javascriptlink-frames-expected.txt
LayoutTests/platform/mac/tables/mozilla/bugs/bug1318-expected.txt
LayoutTests/platform/mac/tables/mozilla/bugs/bug4527-expected.txt
LayoutTests/platform/mac/tables/mozilla_expected_failures/core/captions1-expected.txt
LayoutTests/platform/mac/tables/mozilla_expected_failures/core/captions2-expected.txt
Source/WebCore/ChangeLog
Source/WebCore/css/html.css

index e2060d7..6233742 100644 (file)
@@ -1,3 +1,66 @@
+2014-01-24  Zalan Bujtas  <zalan@apple.com>
+
+        Subpixel layout: Default style of input type=checkbox/radio (0.5ex) adds 1px extra margin on both left and right.
+        https://bugs.webkit.org/show_bug.cgi?id=125728
+
+        Reviewed by Simon Fraser.
+
+        Using the 0.5ex value to set checkbox/radio left and right margins is a long-standing
+        (khtml) behavior. While it indicates dynamic behavior, in order to get the margins changed,
+        the widget's font size needs to be set, which is rather rare for such input types.
+        It also results in odd layout, where the checkbox's indentation may seem to change randomly.
+
+        '<input style="font-size: 30px;" type="checkbox">foo' changes neither the checkbox
+        nor the text size, but it indents the line by about 15px.
+
+        Other browsers (FF, Opera with Presto) disagree and they set static margins values.
+        2px is the current default computed value.
+
+        * platform/mac-mountainlion/fast/block/margin-collapse/103-expected.txt:
+        * platform/mac-mountainlion/fast/forms/basic-inputs-expected.txt:
+        * platform/mac-mountainlion/fast/forms/box-shadow-override-expected.txt:
+        * platform/mac-mountainlion/fast/forms/form-element-geometry-expected.txt:
+        * platform/mac-mountainlion/fast/forms/input-appearance-height-expected.txt:
+        * platform/mac-mountainlion/fast/forms/input-value-expected.txt:
+        * platform/mac-mountainlion/fast/replaced/replaced-breaking-expected.txt:
+        * platform/mac-mountainlion/fast/text/textIteratorNilRenderer-expected.txt:
+        * platform/mac-mountainlion/http/tests/navigation/javascriptlink-frames-expected.txt:
+        * platform/mac-mountainlion/tables/mozilla/bugs/bug4527-expected.txt:
+        * platform/mac/compositing/overflow/theme-affects-visual-overflow-expected.txt:
+        * platform/mac/css1/box_properties/acid_test-expected.txt:
+        * platform/mac/css2.1/t09-c5526c-display-00-e-expected.txt:
+        * platform/mac/css3/selectors3/html/css3-modsel-25-expected.txt:
+        * platform/mac/css3/selectors3/html/css3-modsel-70-expected.txt:
+        * platform/mac/css3/selectors3/xhtml/css3-modsel-25-expected.txt:
+        * platform/mac/css3/selectors3/xhtml/css3-modsel-70-expected.txt:
+        * platform/mac/css3/selectors3/xml/css3-modsel-25-expected.txt:
+        * platform/mac/css3/selectors3/xml/css3-modsel-70-expected.txt:
+        * platform/mac/fast/block/basic/011-expected.txt:
+        * platform/mac/fast/block/margin-collapse/103-expected.txt:
+        * platform/mac/fast/css/non-standard-checkbox-size-expected.txt:
+        * platform/mac/fast/forms/001-expected.txt:
+        * platform/mac/fast/forms/basic-inputs-expected.txt:
+        * platform/mac/fast/forms/box-shadow-override-expected.txt:
+        * platform/mac/fast/forms/file/file-input-disabled-expected.txt:
+        * platform/mac/fast/forms/form-element-geometry-expected.txt:
+        * platform/mac/fast/forms/formmove-expected.txt:
+        * platform/mac/fast/forms/formmove2-expected.txt:
+        * platform/mac/fast/forms/indeterminate-expected.txt:
+        * platform/mac/fast/forms/input-appearance-height-expected.txt:
+        * platform/mac/fast/forms/input-value-expected.txt:
+        * platform/mac/fast/inline/positionedLifetime-expected.txt:
+        * platform/mac/fast/parser/bad-xml-slash-expected.txt:
+        * platform/mac/fast/replaced/replaced-breaking-expected.txt:
+        * platform/mac/fast/replaced/width100percent-checkbox-expected.txt:
+        * platform/mac/fast/replaced/width100percent-radio-expected.txt:
+        * platform/mac/fast/text/textIteratorNilRenderer-expected.txt:
+        * platform/mac/fast/text/whitespace/normal-after-nowrap-breaking-expected.txt:
+        * platform/mac/http/tests/navigation/javascriptlink-frames-expected.txt:
+        * platform/mac/tables/mozilla/bugs/bug1318-expected.txt:
+        * platform/mac/tables/mozilla/bugs/bug4527-expected.txt:
+        * platform/mac/tables/mozilla_expected_failures/core/captions1-expected.txt:
+        * platform/mac/tables/mozilla_expected_failures/core/captions2-expected.txt:
+
 2014-01-24  Oliver Hunt  <oliver@apple.com>
 
         Put functions need to take a base object and a this value, and perform type checks on |this|
index 73b0a3b..63e6cdf 100644 (file)
@@ -80,17 +80,17 @@ layer at (0,0) size 785x1721
               RenderText {#text} at (0,2) size 220x15
                 text run at (0,2) width 220: "Your research is primarily focused on:"
             RenderBlock {SPAN} at (325,250) size 180x21 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 13x13 [color=#000000]
-              RenderText {#text} at (17,2) size 33x15
-                text run at (17,2) width 33: "Texts"
+              RenderBlock {INPUT} at (2,3) size 12x13 [color=#000000]
+              RenderText {#text} at (16,2) size 32x15
+                text run at (16,2) width 32: "Texts"
             RenderBlock {SPAN} at (325,270) size 180x21 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 13x13 [color=#000000]
-              RenderText {#text} at (17,2) size 134x15
-                text run at (17,2) width 134: "Performance materials"
+              RenderBlock {INPUT} at (2,3) size 12x13 [color=#000000]
+              RenderText {#text} at (16,2) size 133x15
+                text run at (16,2) width 133: "Performance materials"
             RenderBlock {SPAN} at (325,290) size 180x21 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 13x13 [color=#000000]
-              RenderText {#text} at (17,2) size 22x15
-                text run at (17,2) width 22: "n/a"
+              RenderBlock {INPUT} at (2,3) size 12x13 [color=#000000]
+              RenderText {#text} at (16,2) size 21x15
+                text run at (16,2) width 21: "n/a"
             RenderBlock {H2} at (0,335) size 560x17 [color=#333333]
               RenderText {#text} at (0,0) size 374x16
                 text run at (0,0) width 374: "INTERNET SHAKESPEARE EDITIONS QUESTIONS"
@@ -100,11 +100,11 @@ layer at (0,0) size 785x1721
             RenderBlock {SPAN} at (325,361) size 180x21 [color=#333333]
               RenderText {#text} at (0,2) size 19x15
                 text run at (0,2) width 19: "Yes"
-              RenderBlock {INPUT} at (21,3) size 13x13 [color=#000000]
-              RenderText {#text} at (36,2) size 20x15
-                text run at (36,2) width 5: " "
-                text run at (40,2) width 16: "No"
-              RenderBlock {INPUT} at (58,3) size 13x13 [color=#000000]
+              RenderBlock {INPUT} at (21,3) size 12x13 [color=#000000]
+              RenderText {#text} at (35,2) size 19x15
+                text run at (35,2) width 4: " "
+                text run at (39,2) width 15: "No"
+              RenderBlock {INPUT} at (56,3) size 12x13 [color=#000000]
               RenderText {#text} at (0,0) size 0x0
             RenderBlock {P} at (0,394) size 560x21 [color=#333333]
               RenderText {#text} at (0,2) size 378x15
index db380d9..1b87f39 100644 (file)
@@ -51,21 +51,21 @@ layer at (0,0) size 800x600
       RenderBlock {DIV} at (10,374) size 450x21 [border: (1px solid #FF0000)]
         RenderText {#text} at (1,1) size 7x18
           text run at (1,1) width 7: "a"
-        RenderBlock {INPUT} at (10,5) size 13x12
-        RenderText {#text} at (25,1) size 66x18
-          text run at (25,1) width 66: "checkbox "
-        RenderBlock {INPUT} at (93,5) size 13x12
-        RenderText {#text} at (108,1) size 9x18
-          text run at (108,1) width 9: "b"
+        RenderBlock {INPUT} at (10,5) size 12x12
+        RenderText {#text} at (24,1) size 65x18
+          text run at (24,1) width 65: "checkbox "
+        RenderBlock {INPUT} at (91,5) size 12x12
+        RenderText {#text} at (105,1) size 8x18
+          text run at (105,1) width 8: "b"
       RenderBlock {DIV} at (10,405) size 450x21 [border: (1px solid #FF0000)]
         RenderText {#text} at (1,1) size 7x18
           text run at (1,1) width 7: "a"
-        RenderBlock {INPUT} at (10,4) size 13x13
-        RenderText {#text} at (25,1) size 37x18
-          text run at (25,1) width 37: "radio "
-        RenderBlock {INPUT} at (64,4) size 13x13
-        RenderText {#text} at (79,1) size 9x18
-          text run at (79,1) width 9: "b"
+        RenderBlock {INPUT} at (10,4) size 12x13
+        RenderText {#text} at (24,1) size 36x18
+          text run at (24,1) width 36: "radio "
+        RenderBlock {INPUT} at (62,4) size 12x13
+        RenderText {#text} at (76,1) size 8x18
+          text run at (76,1) width 8: "b"
 layer at (31,330) size 117x13 scrollWidth 165
   RenderBlock {DIV} at (3,3) size 117x13
     RenderText {#text} at (0,0) size 164x13
index 26d817f..38f35cd 100644 (file)
@@ -31,44 +31,44 @@ layer at (0,0) size 800x600
             RenderBlock {DIV} at (139,1) size 13x11
         RenderText {#text} at (0,0) size 0x0
       RenderBlock (anonymous) at (0,137) size 784x32
-        RenderBlock {INPUT} at (2,12) size 13x13
-        RenderText {#text} at (17,9) size 5x18
-          text run at (17,9) width 5: " "
-        RenderBlock {INPUT} at (24,13) size 13x12
-        RenderText {#text} at (39,9) size 5x18
-          text run at (39,9) width 5: " "
-        RenderSlider {INPUT} at (45,8) size 130x15 [color=#909090] [bgcolor=#FFFFFF]
+        RenderBlock {INPUT} at (2,12) size 12x13
+        RenderText {#text} at (16,9) size 4x18
+          text run at (16,9) width 4: " "
+        RenderBlock {INPUT} at (22,13) size 12x12
+        RenderText {#text} at (36,9) size 4x18
+          text run at (36,9) width 4: " "
+        RenderSlider {INPUT} at (42,8) size 129x15 [color=#909090] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x15
             RenderBlock {DIV} at (0,0) size 129x15
               RenderBlock {DIV} at (57,0) size 15x15
-        RenderText {#text} at (176,9) size 5x18
-          text run at (176,9) width 5: " "
-        RenderFileUploadControl {INPUT} at (182,10) size 238x18 "no file selected"
+        RenderText {#text} at (173,9) size 4x18
+          text run at (173,9) width 4: " "
+        RenderFileUploadControl {INPUT} at (179,10) size 237x18 "no file selected"
           RenderButton {INPUT} at (0,0) size 78x18 [bgcolor=#C0C0C0]
             RenderBlock (anonymous) at (8,2) size 62x14
               RenderText at (0,0) size 62x13
                 text run at (0,0) width 62: "Choose File"
-        RenderText {#text} at (421,9) size 5x18
-          text run at (421,9) width 5: " "
-        RenderButton {INPUT} at (427,8) size 58x21 [bgcolor=#C0C0C0]
+        RenderText {#text} at (418,9) size 4x18
+          text run at (418,9) width 4: " "
+        RenderButton {INPUT} at (424,8) size 58x21 [bgcolor=#C0C0C0]
           RenderBlock (anonymous) at (8,2) size 42x17
             RenderText at (0,0) size 42x16
               text run at (0,0) width 42: "Button"
-        RenderText {#text} at (486,9) size 5x18
-          text run at (486,9) width 5: " "
-        RenderButton {INPUT} at (492,10) size 52x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (483,9) size 5x18
+          text run at (483,9) width 5: " "
+        RenderButton {INPUT} at (489,10) size 52x18 [bgcolor=#C0C0C0]
           RenderBlock (anonymous) at (8,2) size 35x14
             RenderText at (0,0) size 35x13
               text run at (0,0) width 35: "Button"
-        RenderText {#text} at (545,9) size 5x18
-          text run at (545,9) width 5: " "
-        RenderButton {INPUT} at (549,12) size 46x15 [bgcolor=#C0C0C0]
+        RenderText {#text} at (542,9) size 5x18
+          text run at (542,9) width 5: " "
+        RenderButton {INPUT} at (546,12) size 45x15 [bgcolor=#C0C0C0]
           RenderBlock (anonymous) at (8,2) size 29x11
             RenderText at (0,0) size 29x11
               text run at (0,0) width 29: "Button"
-        RenderText {#text} at (594,9) size 5x18
-          text run at (594,9) width 5: " "
-        RenderButton {BUTTON} at (600,2) size 81x28 [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
+        RenderText {#text} at (590,9) size 5x18
+          text run at (590,9) width 5: " "
+        RenderButton {BUTTON} at (596,2) size 81x28 [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
           RenderBlock (anonymous) at (8,2) size 64x23
             RenderText {#text} at (0,0) size 64x23
               text run at (0,0) width 64: "Button"
index 19bad5f..19887ef 100644 (file)
@@ -105,7 +105,7 @@ layer at (0,0) size 785x636
         RenderText {#text} at (0,0) size 200x28
           text run at (0,0) width 200: "Baseline Alignment"
       RenderBlock {DIV} at (0,363) size 769x30
-        RenderInline {FONT} at (0,0) size 219x28
+        RenderInline {FONT} at (0,0) size 215x28
           RenderText {#text} at (0,0) size 43x28
             text run at (0,0) width 43: "text "
           RenderButton {INPUT} at (45,9) size 52x18 [bgcolor=#C0C0C0]
@@ -120,10 +120,10 @@ layer at (0,0) size 785x636
                 text run at (8,2) width 31: "menu"
           RenderText {#text} at (170,0) size 7x28
             text run at (170,0) width 7: " "
-          RenderBlock {INPUT} at (179,11) size 13x13
-          RenderText {#text} at (194,0) size 7x28
-            text run at (194,0) width 7: " "
-          RenderBlock {INPUT} at (203,12) size 13x12
+          RenderBlock {INPUT} at (178,11) size 13x13
+          RenderText {#text} at (192,0) size 7x28
+            text run at (192,0) width 7: " "
+          RenderBlock {INPUT} at (200,12) size 13x12
           RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,392) size 769x23
         RenderText {#text} at (0,1) size 27x18
@@ -140,13 +140,13 @@ layer at (0,0) size 785x636
               text run at (8,2) width 31: "menu"
         RenderText {#text} at (152,1) size 5x18
           text run at (152,1) width 5: " "
-        RenderBlock {INPUT} at (159,4) size 13x13
-        RenderText {#text} at (174,1) size 5x18
-          text run at (174,1) width 5: " "
-        RenderBlock {INPUT} at (181,5) size 13x12
+        RenderBlock {INPUT} at (158,4) size 13x13
+        RenderText {#text} at (172,1) size 5x18
+          text run at (172,1) width 5: " "
+        RenderBlock {INPUT} at (178,5) size 13x12
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,414) size 769x23
-        RenderInline {FONT} at (0,0) size 185x13
+        RenderInline {FONT} at (0,0) size 181x13
           RenderText {#text} at (0,5) size 18x13
             text run at (0,5) width 18: "text "
           RenderButton {INPUT} at (20,2) size 52x18 [bgcolor=#C0C0C0]
@@ -161,10 +161,10 @@ layer at (0,0) size 785x636
                 text run at (8,2) width 31: "menu"
           RenderText {#text} at (142,5) size 4x13
             text run at (142,5) width 4: " "
-          RenderBlock {INPUT} at (148,4) size 13x13
-          RenderText {#text} at (163,5) size 4x13
-            text run at (163,5) width 4: " "
-          RenderBlock {INPUT} at (169,5) size 13x12
+          RenderBlock {INPUT} at (147,4) size 13x13
+          RenderText {#text} at (161,5) size 4x13
+            text run at (161,5) width 4: " "
+          RenderBlock {INPUT} at (166,5) size 13x12
           RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,436) size 769x44
         RenderText {#text} at (0,22) size 27x18
index ccc97cd..e5a3225 100644 (file)
@@ -21,10 +21,10 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (158,39) size 0x0
         RenderText {#text} at (0,46) size 65x18
           text run at (0,46) width 65: "checkbox "
-        RenderBlock {INPUT} at (67,50) size 13x12
-        RenderText {#text} at (82,46) size 5x18
-          text run at (82,46) width 5: " "
-        RenderBR {BR} at (86,60) size 1x0
+        RenderBlock {INPUT} at (67,50) size 12x12
+        RenderText {#text} at (81,46) size 4x18
+          text run at (81,46) width 4: " "
+        RenderBR {BR} at (85,60) size 0x0
         RenderText {#text} at (0,66) size 24x18
           text run at (0,66) width 24: "file "
         RenderFileUploadControl {INPUT} at (26,67) size 237x18 "no file selected"
@@ -43,10 +43,10 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (56,101) size 0x0
         RenderText {#text} at (0,105) size 36x18
           text run at (0,105) width 36: "radio "
-        RenderBlock {INPUT} at (38,108) size 13x13
-        RenderText {#text} at (53,105) size 5x18
-          text run at (53,105) width 5: " "
-        RenderBR {BR} at (57,119) size 1x0
+        RenderBlock {INPUT} at (38,108) size 12x13
+        RenderText {#text} at (52,105) size 4x18
+          text run at (52,105) width 4: " "
+        RenderBR {BR} at (56,119) size 0x0
         RenderText {#text} at (0,127) size 39x18
           text run at (0,127) width 39: "range "
         RenderSlider {INPUT} at (41,126) size 129x15 [color=#909090] [bgcolor=#FFFFFF]
index 1b22005..d8550ed 100644 (file)
@@ -57,7 +57,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 249x18
                   text run at (1,1) width 249: "check box with value property changed"
               RenderTableCell {TD} at (389,54) size 243x20 [r=2 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
+                RenderBlock {INPUT} at (3,4) size 12x12
               RenderTableCell {TD} at (634,54) size 62x20 [r=2 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
@@ -107,7 +107,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 216x18
                   text run at (1,1) width 216: "radio with value property changed"
               RenderTableCell {TD} at (389,146) size 243x21 [r=6 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x13
+                RenderBlock {INPUT} at (3,4) size 12x13
               RenderTableCell {TD} at (634,146) size 62x20 [r=6 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
@@ -131,7 +131,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 247x18
                   text run at (1,1) width 247: "check box with value attribute changed"
               RenderTableCell {TD} at (389,196) size 243x20 [r=8 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
+                RenderBlock {INPUT} at (3,4) size 12x12
               RenderTableCell {TD} at (634,196) size 62x20 [r=8 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
@@ -143,7 +143,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 383x18
                   text run at (1,1) width 383: "text with value property changed, then turned into check box"
               RenderTableCell {TD} at (389,218) size 243x20 [r=9 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
+                RenderBlock {INPUT} at (3,4) size 12x12
               RenderTableCell {TD} at (634,218) size 62x20 [r=9 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
@@ -167,7 +167,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 381x18
                   text run at (1,1) width 381: "text with value attribute changed, then turned into check box"
               RenderTableCell {TD} at (389,267) size 243x20 [r=11 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
+                RenderBlock {INPUT} at (3,4) size 12x12
               RenderTableCell {TD} at (634,267) size 62x20 [r=11 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
index ee9e5cb..b398fe5 100644 (file)
@@ -40,11 +40,11 @@ layer at (0,0) size 800x600
         RenderListBox {SELECT} at (3,235) size 48x57 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
         RenderListBox {SELECT} at (3,296) size 48x57 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
         RenderText {#text} at (0,0) size 0x0
-        RenderBlock {INPUT} at (3,358) size 13x12
-        RenderBlock {INPUT} at (3,376) size 13x12
+        RenderBlock {INPUT} at (3,358) size 12x12
+        RenderBlock {INPUT} at (3,376) size 12x12
         RenderText {#text} at (0,0) size 0x0
-        RenderBlock {INPUT} at (3,394) size 13x13
-        RenderBlock {INPUT} at (3,413) size 13x13
+        RenderBlock {INPUT} at (3,394) size 12x13
+        RenderBlock {INPUT} at (3,413) size 12x13
         RenderText {#text} at (0,0) size 0x0
         RenderIFrame {IFRAME} at (1,429) size 27x27 [border: (1px solid #000000)]
           layer at (0,0) size 25x25
index ace4ce9..bf575f8 100644 (file)
@@ -21,11 +21,11 @@ layer at (0,0) size 800x600
                         text run at (0,0) width 79: "Search Froogle"
                   RenderText {#text} at (0,0) size 0x0
                 RenderTableCell {TD} at (476,2) size 160x18 [r=0 c=3 rs=2 cs=1]
-                  RenderInline {LABEL} at (0,0) size 117x13
+                  RenderInline {LABEL} at (0,0) size 115x13
                     RenderText {#text} at (0,0) size 0x0
-                    RenderBlock {INPUT} at (12,3) size 13x12
-                    RenderText {#text} at (27,3) size 100x13
-                      text run at (27,3) width 100: " Remember this location"
+                    RenderBlock {INPUT} at (12,3) size 12x12
+                    RenderText {#text} at (26,3) size 99x13
+                      text run at (26,3) width 99: " Remember this location"
                   RenderText {#text} at (0,0) size 0x0
         RenderBlock (anonymous) at (0,39) size 784x18
           RenderBR {BR} at (392,0) size 0x18
index 8df0808..440e982 100644 (file)
@@ -40,22 +40,22 @@ layer at (0,0) size 800x600
                   text run at (0,81) width 334: "that we can use for testing"
                 RenderTextControl {INPUT} at (336,96) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
                 RenderBR {BR} at (461,110) size 0x0
-                RenderBlock {INPUT} at (2,136) size 13x13
-                RenderText {#text} at (17,118) size 74x37
-                  text run at (17,118) width 74: " Male"
-                RenderBR {BR} at (90,147) size 1x0
-                RenderBlock {INPUT} at (2,173) size 13x13
-                RenderText {#text} at (17,155) size 103x37
-                  text run at (17,155) width 103: " Female"
-                RenderBR {BR} at (119,184) size 1x0
-                RenderBlock {INPUT} at (2,211) size 13x12
-                RenderText {#text} at (17,192) size 131x37
-                  text run at (17,192) width 131: " option #1"
-                RenderBR {BR} at (147,221) size 1x0
-                RenderBlock {INPUT} at (2,248) size 13x12
-                RenderText {#text} at (17,229) size 131x37
-                  text run at (17,229) width 131: " option #2"
-                RenderBR {BR} at (147,258) size 1x0
+                RenderBlock {INPUT} at (2,136) size 12x13
+                RenderText {#text} at (16,118) size 73x37
+                  text run at (16,118) width 73: " Male"
+                RenderBR {BR} at (89,147) size 0x0
+                RenderBlock {INPUT} at (2,173) size 12x13
+                RenderText {#text} at (16,155) size 102x37
+                  text run at (16,155) width 102: " Female"
+                RenderBR {BR} at (118,184) size 0x0
+                RenderBlock {INPUT} at (2,211) size 12x12
+                RenderText {#text} at (16,192) size 130x37
+                  text run at (16,192) width 130: " option #1"
+                RenderBR {BR} at (146,221) size 0x0
+                RenderBlock {INPUT} at (2,248) size 12x12
+                RenderText {#text} at (16,229) size 130x37
+                  text run at (16,229) width 130: " option #2"
+                RenderBR {BR} at (146,258) size 0x0
                 RenderMenuList {SELECT} at (2,268) size 255x18 [bgcolor=#FFFFFF]
                   RenderBlock (anonymous) at (0,0) size 255x18
                     RenderText at (8,2) size 63x13
index fcc7367..7d0dd59 100644 (file)
@@ -33,17 +33,17 @@ layer at (0,0) size 800x600
               RenderImage {IMG} at (0,60) size 470x10
               RenderBR {BR} at (470,70) size 0x0
           RenderTableRow {TR} at (0,70) size 613x25
-            RenderTableCell {TD} at (126,70) size 245x25 [bgcolor=#CCCCCC] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (126,70) size 247x25 [bgcolor=#CCCCCC] [r=1 c=1 rs=1 cs=1]
               RenderImage {IMG} at (0,0) size 232x25
-            RenderTableCell {TD} at (371,71) size 108x23 [bgcolor=#CCCCCC] [r=1 c=2 rs=1 cs=1]
-              RenderTextControl {INPUT} at (5,2) size 73x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
-              RenderImage {INPUT} at (80,3) size 25x18
-            RenderTableCell {TD} at (479,70) size 134x25 [bgcolor=#CCCCCC] [r=1 c=3 rs=1 cs=1]
-              RenderBlock {INPUT} at (2,5) size 13x13
-              RenderImage {IMG} at (17,0) size 41x25
-              RenderBlock {INPUT} at (60,5) size 13x13
-              RenderText {#text} at (75,2) size 5x18
-                text run at (75,2) width 5: " "
-              RenderImage {IMG} at (79,0) size 47x25
-layer at (387,84) size 67x13
+            RenderTableCell {TD} at (373,71) size 109x23 [bgcolor=#CCCCCC] [r=1 c=2 rs=1 cs=1]
+              RenderTextControl {INPUT} at (5,2) size 74x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+              RenderImage {INPUT} at (80,3) size 26x18
+            RenderTableCell {TD} at (482,70) size 131x25 [bgcolor=#CCCCCC] [r=1 c=3 rs=1 cs=1]
+              RenderBlock {INPUT} at (2,5) size 12x13
+              RenderImage {IMG} at (16,0) size 40x25
+              RenderBlock {INPUT} at (58,5) size 12x13
+              RenderText {#text} at (72,2) size 4x18
+                text run at (72,2) width 4: " "
+              RenderImage {IMG} at (76,0) size 46x25
+layer at (390,84) size 67x13
   RenderBlock {DIV} at (3,3) size 67x13
index 48dc600..8f65e43 100644 (file)
@@ -5,13 +5,13 @@ layer at (0,0) size 800x37
     RenderBody {BODY} at (8,8) size 784x21
 layer at (8,8) size 784x21
   RenderBlock {DIV} at (0,0) size 784x21
-    RenderText {#text} at (20,2) size 5x18
-      text run at (20,2) width 5: " "
-    RenderBlock {SPAN} at (24,16) size 21x0
-    RenderText {#text} at (44,2) size 5x18
-      text run at (44,2) width 5: " "
+    RenderText {#text} at (19,2) size 4x18
+      text run at (19,2) width 4: " "
+    RenderBlock {SPAN} at (23,16) size 20x0
+    RenderText {#text} at (43,2) size 4x18
+      text run at (43,2) width 4: " "
     RenderText {#text} at (0,0) size 0x0
-layer at (11,11) size 15x15
-  RenderBlock (relative positioned) {INPUT} at (2,3) size 16x15
-layer at (60,11) size 15x15
-  RenderBlock (relative positioned) {INPUT} at (51,3) size 16x15
+layer at (10,11) size 15x15
+  RenderBlock (relative positioned) {INPUT} at (2,3) size 15x15
+layer at (57,11) size 15x15
+  RenderBlock (relative positioned) {INPUT} at (49,3) size 15x15
index d3d652a..d89e21d 100644 (file)
@@ -23,12 +23,12 @@ layer at (0,0) size 800x420
                 RenderBlock {P} at (0,0) size 140x20
                   RenderText {#text} at (0,4) size 28x12
                     text run at (0,4) width 28: "bang "
-                  RenderBlock {INPUT} at (30,3) size 13x13 [color=#000000]
+                  RenderBlock {INPUT} at (30,3) size 12x13 [color=#000000]
                   RenderText {#text} at (0,0) size 0x0
                 RenderBlock {P} at (0,20) size 140x20
                   RenderText {#text} at (0,4) size 47x12
                     text run at (0,4) width 47: "whimper "
-                  RenderBlock {INPUT} at (49,3) size 13x13 [color=#000000]
+                  RenderBlock {INPUT} at (49,3) size 12x13 [color=#000000]
                   RenderText {#text} at (0,0) size 0x0
               RenderBlock (anonymous) at (10,60) size 140x0
                 RenderInline {FORM} at (0,0) size 0x0
index b602754..6e12686 100644 (file)
@@ -23,12 +23,12 @@ layer at (0,0) size 800x420
                 RenderBlock {P} at (0,0) size 140x20
                   RenderText {#text} at (0,4) size 28x12
                     text run at (0,4) width 28: "bang "
-                  RenderBlock {INPUT} at (30,3) size 13x13 [color=#000000]
+                  RenderBlock {INPUT} at (30,3) size 12x13 [color=#000000]
                   RenderText {#text} at (0,0) size 0x0
                 RenderBlock {P} at (0,20) size 140x20
                   RenderText {#text} at (0,4) size 47x12
                     text run at (0,4) width 47: "whimper "
-                  RenderBlock {INPUT} at (49,3) size 13x13 [color=#000000]
+                  RenderBlock {INPUT} at (49,3) size 12x13 [color=#000000]
                   RenderText {#text} at (0,0) size 0x0
               RenderBlock (anonymous) at (10,60) size 140x0
                 RenderInline {FORM} at (0,0) size 0x0
index 96e7170..491b49c 100644 (file)
@@ -4,9 +4,9 @@ layer at (0,0) size 800x51
   RenderBlock {HTML} at (0,0) size 800x51
     RenderBody {BODY} at (8,16) size 784x19
       RenderBlock {P} at (0,0) size 784x19
-        RenderBlock {INPUT} at (2,4) size 13x12 [bgcolor=#00FF00]
-        RenderText {#text} at (17,0) size 5x18
-          text run at (17,0) width 5: " "
-        RenderInline {SPAN} at (0,0) size 389x18 [bgcolor=#00FF00]
-          RenderText {#text} at (21,0) size 389x18
-            text run at (21,0) width 389: "Everything in this paragraph should have a green background"
+        RenderBlock {INPUT} at (2,4) size 12x12 [bgcolor=#00FF00]
+        RenderText {#text} at (16,0) size 4x18
+          text run at (16,0) width 4: " "
+        RenderInline {SPAN} at (0,0) size 388x18 [bgcolor=#00FF00]
+          RenderText {#text} at (20,0) size 388x18
+            text run at (20,0) width 388: "Everything in this paragraph should have a green background"
index 96e7170..491b49c 100644 (file)
@@ -4,9 +4,9 @@ layer at (0,0) size 800x51
   RenderBlock {HTML} at (0,0) size 800x51
     RenderBody {BODY} at (8,16) size 784x19
       RenderBlock {P} at (0,0) size 784x19
-        RenderBlock {INPUT} at (2,4) size 13x12 [bgcolor=#00FF00]
-        RenderText {#text} at (17,0) size 5x18
-          text run at (17,0) width 5: " "
-        RenderInline {SPAN} at (0,0) size 389x18 [bgcolor=#00FF00]
-          RenderText {#text} at (21,0) size 389x18
-            text run at (21,0) width 389: "Everything in this paragraph should have a green background"
+        RenderBlock {INPUT} at (2,4) size 12x12 [bgcolor=#00FF00]
+        RenderText {#text} at (16,0) size 4x18
+          text run at (16,0) width 4: " "
+        RenderInline {SPAN} at (0,0) size 388x18 [bgcolor=#00FF00]
+          RenderText {#text} at (20,0) size 388x18
+            text run at (20,0) width 388: "Everything in this paragraph should have a green background"
index ebd4298..faaa4a6 100644 (file)
@@ -4,9 +4,9 @@ layer at (0,0) size 800x51
   RenderBlock {html} at (0,0) size 800x51
     RenderBody {body} at (8,16) size 784x19
       RenderBlock {p} at (0,0) size 784x19
-        RenderBlock {input} at (2,4) size 13x12 [bgcolor=#00FF00]
-        RenderText {#text} at (17,0) size 5x18
-          text run at (17,0) width 5: " "
-        RenderInline {span} at (0,0) size 389x18 [bgcolor=#00FF00]
-          RenderText {#text} at (21,0) size 389x18
-            text run at (21,0) width 389: "Everything in this paragraph should have a green background"
+        RenderBlock {input} at (2,4) size 12x12 [bgcolor=#00FF00]
+        RenderText {#text} at (16,0) size 4x18
+          text run at (16,0) width 4: " "
+        RenderInline {span} at (0,0) size 388x18 [bgcolor=#00FF00]
+          RenderText {#text} at (20,0) size 388x18
+            text run at (20,0) width 388: "Everything in this paragraph should have a green background"
index ebd4298..faaa4a6 100644 (file)
@@ -4,9 +4,9 @@ layer at (0,0) size 800x51
   RenderBlock {html} at (0,0) size 800x51
     RenderBody {body} at (8,16) size 784x19
       RenderBlock {p} at (0,0) size 784x19
-        RenderBlock {input} at (2,4) size 13x12 [bgcolor=#00FF00]
-        RenderText {#text} at (17,0) size 5x18
-          text run at (17,0) width 5: " "
-        RenderInline {span} at (0,0) size 389x18 [bgcolor=#00FF00]
-          RenderText {#text} at (21,0) size 389x18
-            text run at (21,0) width 389: "Everything in this paragraph should have a green background"
+        RenderBlock {input} at (2,4) size 12x12 [bgcolor=#00FF00]
+        RenderText {#text} at (16,0) size 4x18
+          text run at (16,0) width 4: " "
+        RenderInline {span} at (0,0) size 388x18 [bgcolor=#00FF00]
+          RenderText {#text} at (20,0) size 388x18
+            text run at (20,0) width 388: "Everything in this paragraph should have a green background"
index 7df5430..badb2fb 100644 (file)
@@ -3,9 +3,9 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x51
   RenderBlock {test} at (0,0) size 800x51
     RenderBlock {p} at (0,16) size 800x19
-      RenderBlock {input} at (2,4) size 13x12 [bgcolor=#00FF00]
-      RenderText {#text} at (17,0) size 5x18
-        text run at (17,0) width 5: " "
-      RenderInline {span} at (0,0) size 389x18 [bgcolor=#00FF00]
-        RenderText {#text} at (21,0) size 389x18
-          text run at (21,0) width 389: "Everything in this paragraph should have a green background"
+      RenderBlock {input} at (2,4) size 12x12 [bgcolor=#00FF00]
+      RenderText {#text} at (16,0) size 4x18
+        text run at (16,0) width 4: " "
+      RenderInline {span} at (0,0) size 388x18 [bgcolor=#00FF00]
+        RenderText {#text} at (20,0) size 388x18
+          text run at (20,0) width 388: "Everything in this paragraph should have a green background"
index 7df5430..badb2fb 100644 (file)
@@ -3,9 +3,9 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x51
   RenderBlock {test} at (0,0) size 800x51
     RenderBlock {p} at (0,16) size 800x19
-      RenderBlock {input} at (2,4) size 13x12 [bgcolor=#00FF00]
-      RenderText {#text} at (17,0) size 5x18
-        text run at (17,0) width 5: " "
-      RenderInline {span} at (0,0) size 389x18 [bgcolor=#00FF00]
-        RenderText {#text} at (21,0) size 389x18
-          text run at (21,0) width 389: "Everything in this paragraph should have a green background"
+      RenderBlock {input} at (2,4) size 12x12 [bgcolor=#00FF00]
+      RenderText {#text} at (16,0) size 4x18
+        text run at (16,0) width 4: " "
+      RenderInline {span} at (0,0) size 388x18 [bgcolor=#00FF00]
+        RenderText {#text} at (20,0) size 388x18
+          text run at (20,0) width 388: "Everything in this paragraph should have a green background"
index d3d652a..d89e21d 100644 (file)
@@ -23,12 +23,12 @@ layer at (0,0) size 800x420
                 RenderBlock {P} at (0,0) size 140x20
                   RenderText {#text} at (0,4) size 28x12
                     text run at (0,4) width 28: "bang "
-                  RenderBlock {INPUT} at (30,3) size 13x13 [color=#000000]
+                  RenderBlock {INPUT} at (30,3) size 12x13 [color=#000000]
                   RenderText {#text} at (0,0) size 0x0
                 RenderBlock {P} at (0,20) size 140x20
                   RenderText {#text} at (0,4) size 47x12
                     text run at (0,4) width 47: "whimper "
-                  RenderBlock {INPUT} at (49,3) size 13x13 [color=#000000]
+                  RenderBlock {INPUT} at (49,3) size 12x13 [color=#000000]
                   RenderText {#text} at (0,0) size 0x0
               RenderBlock (anonymous) at (10,60) size 140x0
                 RenderInline {FORM} at (0,0) size 0x0
index 6ff3439..e270820 100644 (file)
@@ -80,17 +80,17 @@ layer at (0,0) size 785x1721
               RenderText {#text} at (0,2) size 220x15
                 text run at (0,2) width 220: "Your research is primarily focused on:"
             RenderBlock {SPAN} at (325,250) size 180x21 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 13x13 [color=#000000]
-              RenderText {#text} at (17,2) size 33x15
-                text run at (17,2) width 33: "Texts"
+              RenderBlock {INPUT} at (2,3) size 12x13 [color=#000000]
+              RenderText {#text} at (16,2) size 32x15
+                text run at (16,2) width 32: "Texts"
             RenderBlock {SPAN} at (325,270) size 180x21 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 13x13 [color=#000000]
-              RenderText {#text} at (17,2) size 134x15
-                text run at (17,2) width 134: "Performance materials"
+              RenderBlock {INPUT} at (2,3) size 12x13 [color=#000000]
+              RenderText {#text} at (16,2) size 133x15
+                text run at (16,2) width 133: "Performance materials"
             RenderBlock {SPAN} at (325,290) size 180x21 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 13x13 [color=#000000]
-              RenderText {#text} at (17,2) size 22x15
-                text run at (17,2) width 22: "n/a"
+              RenderBlock {INPUT} at (2,3) size 12x13 [color=#000000]
+              RenderText {#text} at (16,2) size 21x15
+                text run at (16,2) width 21: "n/a"
             RenderBlock {H2} at (0,335) size 560x17 [color=#333333]
               RenderText {#text} at (0,0) size 374x16
                 text run at (0,0) width 374: "INTERNET SHAKESPEARE EDITIONS QUESTIONS"
@@ -100,11 +100,11 @@ layer at (0,0) size 785x1721
             RenderBlock {SPAN} at (325,361) size 180x21 [color=#333333]
               RenderText {#text} at (0,2) size 19x15
                 text run at (0,2) width 19: "Yes"
-              RenderBlock {INPUT} at (21,3) size 13x13 [color=#000000]
-              RenderText {#text} at (36,2) size 20x15
-                text run at (36,2) width 5: " "
-                text run at (40,2) width 16: "No"
-              RenderBlock {INPUT} at (58,3) size 13x13 [color=#000000]
+              RenderBlock {INPUT} at (21,3) size 12x13 [color=#000000]
+              RenderText {#text} at (35,2) size 19x15
+                text run at (35,2) width 4: " "
+                text run at (39,2) width 15: "No"
+              RenderBlock {INPUT} at (56,3) size 12x13 [color=#000000]
               RenderText {#text} at (0,0) size 0x0
             RenderBlock {P} at (0,394) size 560x21 [color=#333333]
               RenderText {#text} at (0,2) size 378x15
index 20b95df..9a74a31 100644 (file)
@@ -5,8 +5,8 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderText {#text} at (0,37) size 289x18
         text run at (0,37) width 289: "The following inputs should not be stretched. "
-      RenderBlock {INPUT} at (291,3) size 13x50
-      RenderText {#text} at (306,37) size 5x18
-        text run at (306,37) width 5: " "
-      RenderBlock {INPUT} at (313,3) size 13x50
+      RenderBlock {INPUT} at (291,3) size 12x50
+      RenderText {#text} at (305,37) size 4x18
+        text run at (305,37) width 4: " "
+      RenderBlock {INPUT} at (311,3) size 12x50
       RenderText {#text} at (0,0) size 0x0
index f25dfcf..d64f11f 100644 (file)
@@ -19,16 +19,16 @@ layer at (0,0) size 800x600
         RenderTable {TABLE} at (0,0) size 784x24 [border: (2px outset #808080)]
           RenderTableSection {TBODY} at (2,2) size 780x20
             RenderTableRow {TR} at (0,0) size 780x20
-              RenderTableCell {TD} at (0,0) size 20x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
-              RenderTableCell {TD} at (20,9) size 760x2 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
+              RenderTableCell {TD} at (0,0) size 18x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+                RenderBlock {INPUT} at (3,4) size 12x12
+              RenderTableCell {TD} at (18,9) size 762x2 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
       RenderBlock {P} at (0,200) size 784x25
         RenderTable {TABLE} at (0,0) size 784x24 [border: (2px outset #808080)]
           RenderTableSection {TBODY} at (2,2) size 780x20
             RenderTableRow {TR} at (0,0) size 780x20
-              RenderTableCell {TD} at (0,0) size 20x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
-              RenderTableCell {TD} at (20,9) size 760x2 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
+              RenderTableCell {TD} at (0,0) size 18x20 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+                RenderBlock {INPUT} at (3,4) size 12x12
+              RenderTableCell {TD} at (18,9) size 762x2 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
       RenderBlock {P} at (0,240) size 784x29
         RenderTable {TABLE} at (0,0) size 784x28 [border: (2px outset #808080)]
           RenderTableSection {TBODY} at (2,2) size 780x24
index 67ce98f..12b3cde 100644 (file)
@@ -51,21 +51,21 @@ layer at (0,0) size 800x600
       RenderBlock {DIV} at (10,374) size 450x21 [border: (1px solid #FF0000)]
         RenderText {#text} at (1,1) size 7x18
           text run at (1,1) width 7: "a"
-        RenderBlock {INPUT} at (10,5) size 13x12
-        RenderText {#text} at (25,1) size 66x18
-          text run at (25,1) width 66: "checkbox "
-        RenderBlock {INPUT} at (93,5) size 13x12
-        RenderText {#text} at (108,1) size 9x18
-          text run at (108,1) width 9: "b"
+        RenderBlock {INPUT} at (10,5) size 12x12
+        RenderText {#text} at (24,1) size 65x18
+          text run at (24,1) width 65: "checkbox "
+        RenderBlock {INPUT} at (91,5) size 12x12
+        RenderText {#text} at (105,1) size 8x18
+          text run at (105,1) width 8: "b"
       RenderBlock {DIV} at (10,405) size 450x21 [border: (1px solid #FF0000)]
         RenderText {#text} at (1,1) size 7x18
           text run at (1,1) width 7: "a"
-        RenderBlock {INPUT} at (10,4) size 13x13
-        RenderText {#text} at (25,1) size 37x18
-          text run at (25,1) width 37: "radio "
-        RenderBlock {INPUT} at (64,4) size 13x13
-        RenderText {#text} at (79,1) size 9x18
-          text run at (79,1) width 9: "b"
+        RenderBlock {INPUT} at (10,4) size 12x13
+        RenderText {#text} at (24,1) size 36x18
+          text run at (24,1) width 36: "radio "
+        RenderBlock {INPUT} at (62,4) size 12x13
+        RenderText {#text} at (76,1) size 8x18
+          text run at (76,1) width 8: "b"
 layer at (31,330) size 139x13 scrollWidth 165
   RenderBlock {DIV} at (3,3) size 140x13
     RenderText {#text} at (0,0) size 164x13
index c27249b..fc775eb 100644 (file)
@@ -31,44 +31,44 @@ layer at (0,0) size 800x600
             RenderBlock {DIV} at (161,1) size 14x11
         RenderText {#text} at (0,0) size 0x0
       RenderBlock (anonymous) at (0,137) size 784x32
-        RenderBlock {INPUT} at (2,12) size 13x13
-        RenderText {#text} at (17,9) size 5x18
-          text run at (17,9) width 5: " "
-        RenderBlock {INPUT} at (24,13) size 13x12
-        RenderText {#text} at (39,9) size 5x18
-          text run at (39,9) width 5: " "
-        RenderSlider {INPUT} at (45,8) size 130x15 [color=#909090] [bgcolor=#FFFFFF]
+        RenderBlock {INPUT} at (2,12) size 12x13
+        RenderText {#text} at (16,9) size 4x18
+          text run at (16,9) width 4: " "
+        RenderBlock {INPUT} at (22,13) size 12x12
+        RenderText {#text} at (36,9) size 4x18
+          text run at (36,9) width 4: " "
+        RenderSlider {INPUT} at (42,8) size 129x15 [color=#909090] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x15
             RenderBlock {DIV} at (0,0) size 129x15
               RenderBlock {DIV} at (57,0) size 15x15
-        RenderText {#text} at (176,9) size 5x18
-          text run at (176,9) width 5: " "
-        RenderFileUploadControl {INPUT} at (182,10) size 238x18 "no file selected"
+        RenderText {#text} at (173,9) size 4x18
+          text run at (173,9) width 4: " "
+        RenderFileUploadControl {INPUT} at (179,10) size 237x18 "no file selected"
           RenderButton {INPUT} at (0,0) size 78x18 [bgcolor=#C0C0C0]
             RenderBlock (anonymous) at (8,2) size 62x14
               RenderText at (0,0) size 62x13
                 text run at (0,0) width 62: "Choose File"
-        RenderText {#text} at (421,9) size 5x18
-          text run at (421,9) width 5: " "
-        RenderButton {INPUT} at (427,8) size 58x21 [bgcolor=#C0C0C0]
+        RenderText {#text} at (418,9) size 4x18
+          text run at (418,9) width 4: " "
+        RenderButton {INPUT} at (424,8) size 58x21 [bgcolor=#C0C0C0]
           RenderBlock (anonymous) at (8,2) size 42x17
             RenderText at (0,0) size 42x16
               text run at (0,0) width 42: "Button"
-        RenderText {#text} at (486,9) size 5x18
-          text run at (486,9) width 5: " "
-        RenderButton {INPUT} at (492,10) size 52x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (483,9) size 5x18
+          text run at (483,9) width 5: " "
+        RenderButton {INPUT} at (489,10) size 52x18 [bgcolor=#C0C0C0]
           RenderBlock (anonymous) at (8,2) size 35x14
             RenderText at (0,0) size 35x13
               text run at (0,0) width 35: "Button"
-        RenderText {#text} at (545,9) size 5x18
-          text run at (545,9) width 5: " "
-        RenderButton {INPUT} at (549,12) size 46x15 [bgcolor=#C0C0C0]
+        RenderText {#text} at (542,9) size 5x18
+          text run at (542,9) width 5: " "
+        RenderButton {INPUT} at (546,12) size 45x15 [bgcolor=#C0C0C0]
           RenderBlock (anonymous) at (8,2) size 29x11
             RenderText at (0,0) size 29x11
               text run at (0,0) width 29: "Button"
-        RenderText {#text} at (594,9) size 5x18
-          text run at (594,9) width 5: " "
-        RenderButton {BUTTON} at (600,2) size 81x28 [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
+        RenderText {#text} at (590,9) size 5x18
+          text run at (590,9) width 5: " "
+        RenderButton {BUTTON} at (596,2) size 81x28 [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
           RenderBlock (anonymous) at (8,2) size 64x23
             RenderText {#text} at (0,0) size 64x23
               text run at (0,0) width 64: "Button"
index 31e8adc..141b9b6 100644 (file)
@@ -5,11 +5,11 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock {FORM} at (0,0) size 784x59
         RenderBlock (anonymous) at (0,0) size 784x59
-          RenderBlock {INPUT} at (2,4) size 13x12
-          RenderInline {B} at (0,0) size 76x18
-            RenderText {#text} at (17,0) size 76x18
-              text run at (17,0) width 76: "Attach File"
-          RenderBR {BR} at (92,14) size 1x0
+          RenderBlock {INPUT} at (2,4) size 12x12
+          RenderInline {B} at (0,0) size 75x18
+            RenderText {#text} at (16,0) size 75x18
+              text run at (16,0) width 75: "Attach File"
+          RenderBR {BR} at (91,14) size 0x0
           RenderBR {BR} at (0,19) size 0x18
           RenderText {#text} at (0,38) size 86x18
             text run at (0,38) width 86: "  Select File:  "
index ac76a67..6b0cfe3 100644 (file)
@@ -105,7 +105,7 @@ layer at (0,0) size 785x636
         RenderText {#text} at (0,0) size 200x28
           text run at (0,0) width 200: "Baseline Alignment"
       RenderBlock {DIV} at (0,363) size 769x30
-        RenderInline {FONT} at (0,0) size 219x28
+        RenderInline {FONT} at (0,0) size 215x28
           RenderText {#text} at (0,0) size 43x28
             text run at (0,0) width 43: "text "
           RenderButton {INPUT} at (45,9) size 52x18 [bgcolor=#C0C0C0]
@@ -120,10 +120,10 @@ layer at (0,0) size 785x636
                 text run at (8,2) width 31: "menu"
           RenderText {#text} at (170,0) size 7x28
             text run at (170,0) width 7: " "
-          RenderBlock {INPUT} at (179,11) size 13x13
-          RenderText {#text} at (194,0) size 7x28
-            text run at (194,0) width 7: " "
-          RenderBlock {INPUT} at (203,12) size 13x12
+          RenderBlock {INPUT} at (178,11) size 13x13
+          RenderText {#text} at (192,0) size 7x28
+            text run at (192,0) width 7: " "
+          RenderBlock {INPUT} at (200,12) size 13x12
           RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,392) size 769x23
         RenderText {#text} at (0,1) size 27x18
@@ -140,13 +140,13 @@ layer at (0,0) size 785x636
               text run at (8,2) width 31: "menu"
         RenderText {#text} at (152,1) size 5x18
           text run at (152,1) width 5: " "
-        RenderBlock {INPUT} at (159,4) size 13x13
-        RenderText {#text} at (174,1) size 5x18
-          text run at (174,1) width 5: " "
-        RenderBlock {INPUT} at (181,5) size 13x12
+        RenderBlock {INPUT} at (158,4) size 13x13
+        RenderText {#text} at (172,1) size 5x18
+          text run at (172,1) width 5: " "
+        RenderBlock {INPUT} at (178,5) size 13x12
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,414) size 769x23
-        RenderInline {FONT} at (0,0) size 185x13
+        RenderInline {FONT} at (0,0) size 181x13
           RenderText {#text} at (0,5) size 18x13
             text run at (0,5) width 18: "text "
           RenderButton {INPUT} at (20,2) size 52x18 [bgcolor=#C0C0C0]
@@ -161,10 +161,10 @@ layer at (0,0) size 785x636
                 text run at (8,2) width 31: "menu"
           RenderText {#text} at (142,5) size 4x13
             text run at (142,5) width 4: " "
-          RenderBlock {INPUT} at (148,4) size 13x13
-          RenderText {#text} at (163,5) size 4x13
-            text run at (163,5) width 4: " "
-          RenderBlock {INPUT} at (169,5) size 13x12
+          RenderBlock {INPUT} at (147,4) size 13x13
+          RenderText {#text} at (161,5) size 4x13
+            text run at (161,5) width 4: " "
+          RenderBlock {INPUT} at (166,5) size 13x12
           RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,436) size 769x44
         RenderText {#text} at (0,22) size 27x18
index 1bf0a30..b67c44e 100644 (file)
@@ -4,25 +4,25 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {FORM} at (0,0) size 784x19
-        RenderBlock {INPUT} at (2,3) size 13x13
-        RenderText {#text} at (17,0) size 35x18
-          text run at (17,0) width 35: "Two "
-        RenderBlock {INPUT} at (54,3) size 13x13
-        RenderText {#text} at (69,0) size 38x18
-          text run at (69,0) width 38: "Three"
+        RenderBlock {INPUT} at (2,3) size 12x13
+        RenderText {#text} at (16,0) size 34x18
+          text run at (16,0) width 34: "Two "
+        RenderBlock {INPUT} at (52,3) size 12x13
+        RenderText {#text} at (66,0) size 37x18
+          text run at (66,0) width 37: "Three"
       RenderBlock {FORM} at (0,35) size 784x19
-        RenderBlock {INPUT} at (2,3) size 13x13
-        RenderText {#text} at (17,0) size 32x18
-          text run at (17,0) width 32: "One "
-        RenderBlock {INPUT} at (51,3) size 13x13
-        RenderText {#text} at (66,0) size 35x18
-          text run at (66,0) width 35: "Two "
-        RenderBlock {INPUT} at (103,3) size 13x13
-        RenderText {#text} at (118,0) size 42x18
-          text run at (118,0) width 42: "Three "
-        RenderBlock {INPUT} at (162,3) size 13x13
-        RenderText {#text} at (177,0) size 28x18
-          text run at (177,0) width 28: "One"
+        RenderBlock {INPUT} at (2,3) size 12x13
+        RenderText {#text} at (16,0) size 31x18
+          text run at (16,0) width 31: "One "
+        RenderBlock {INPUT} at (49,3) size 12x13
+        RenderText {#text} at (63,0) size 34x18
+          text run at (63,0) width 34: "Two "
+        RenderBlock {INPUT} at (99,3) size 12x13
+        RenderText {#text} at (113,0) size 41x18
+          text run at (113,0) width 41: "Three "
+        RenderBlock {INPUT} at (156,3) size 12x13
+        RenderText {#text} at (170,0) size 27x18
+          text run at (170,0) width 27: "One"
       RenderBlock (anonymous) at (0,70) size 784x36
         RenderText {#text} at (0,0) size 766x36
           text run at (0,0) width 505: "The count of the # of elements in form 1 should be 2 and in form 2 should be 4. "
index b3628b9..d83addd 100644 (file)
@@ -4,8 +4,8 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {FORM} at (0,0) size 784x19
-        RenderBlock {INPUT} at (2,3) size 13x13
-        RenderBlock {INPUT} at (20,3) size 13x13
+        RenderBlock {INPUT} at (2,3) size 12x13
+        RenderBlock {INPUT} at (18,3) size 12x13
       RenderBlock (anonymous) at (0,35) size 784x36
         RenderText {#text} at (0,0) size 777x36
           text run at (0,0) width 777: "There should be two elements in the first form and one in the second. The count in form one is 2, and the count in form two"
index 8b98089..e559945 100644 (file)
@@ -3,8 +3,8 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
-      RenderText {#text} at (17,0) size 492x18
-        text run at (17,0) width 492: " This checkbox should look 50% transparent and should be in the mixed state."
+      RenderText {#text} at (16,0) size 491x18
+        text run at (16,0) width 491: " This checkbox should look 50% transparent and should be in the mixed state."
       RenderText {#text} at (0,0) size 0x0
-layer at (11,12) size 12x12
-  RenderBlock {INPUT} at (2,4) size 13x12
+layer at (10,12) size 12x12
+  RenderBlock {INPUT} at (2,4) size 12x12
index bfecfc7..3684ad4 100644 (file)
@@ -21,10 +21,10 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (180,39) size 1x0
         RenderText {#text} at (0,46) size 65x18
           text run at (0,46) width 65: "checkbox "
-        RenderBlock {INPUT} at (67,50) size 13x12
-        RenderText {#text} at (82,46) size 5x18
-          text run at (82,46) width 5: " "
-        RenderBR {BR} at (86,60) size 1x0
+        RenderBlock {INPUT} at (67,50) size 12x12
+        RenderText {#text} at (81,46) size 4x18
+          text run at (81,46) width 4: " "
+        RenderBR {BR} at (85,60) size 0x0
         RenderText {#text} at (0,66) size 24x18
           text run at (0,66) width 24: "file "
         RenderFileUploadControl {INPUT} at (26,67) size 237x18 "no file selected"
@@ -43,10 +43,10 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (56,101) size 0x0
         RenderText {#text} at (0,105) size 36x18
           text run at (0,105) width 36: "radio "
-        RenderBlock {INPUT} at (38,108) size 13x13
-        RenderText {#text} at (53,105) size 5x18
-          text run at (53,105) width 5: " "
-        RenderBR {BR} at (57,119) size 1x0
+        RenderBlock {INPUT} at (38,108) size 12x13
+        RenderText {#text} at (52,105) size 4x18
+          text run at (52,105) width 4: " "
+        RenderBR {BR} at (56,119) size 0x0
         RenderText {#text} at (0,127) size 39x18
           text run at (0,127) width 39: "range "
         RenderSlider {INPUT} at (41,126) size 129x15 [color=#909090] [bgcolor=#FFFFFF]
index 7571402..208bf83 100644 (file)
@@ -57,7 +57,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 249x18
                   text run at (1,1) width 249: "check box with value property changed"
               RenderTableCell {TD} at (389,54) size 243x20 [r=2 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
+                RenderBlock {INPUT} at (3,4) size 12x12
               RenderTableCell {TD} at (634,54) size 62x20 [r=2 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
@@ -107,7 +107,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 216x18
                   text run at (1,1) width 216: "radio with value property changed"
               RenderTableCell {TD} at (389,146) size 243x21 [r=6 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x13
+                RenderBlock {INPUT} at (3,4) size 12x13
               RenderTableCell {TD} at (634,146) size 62x20 [r=6 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
@@ -131,7 +131,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 247x18
                   text run at (1,1) width 247: "check box with value attribute changed"
               RenderTableCell {TD} at (389,196) size 243x20 [r=8 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
+                RenderBlock {INPUT} at (3,4) size 12x12
               RenderTableCell {TD} at (634,196) size 62x20 [r=8 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
@@ -143,7 +143,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 383x18
                   text run at (1,1) width 383: "text with value property changed, then turned into check box"
               RenderTableCell {TD} at (389,218) size 243x20 [r=9 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
+                RenderBlock {INPUT} at (3,4) size 12x12
               RenderTableCell {TD} at (634,218) size 62x20 [r=9 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
@@ -167,7 +167,7 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (1,1) size 381x18
                   text run at (1,1) width 381: "text with value attribute changed, then turned into check box"
               RenderTableCell {TD} at (389,267) size 243x20 [r=11 c=1 rs=1 cs=1]
-                RenderBlock {INPUT} at (3,4) size 13x12
+                RenderBlock {INPUT} at (3,4) size 12x12
               RenderTableCell {TD} at (634,267) size 62x20 [r=11 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x18
                   text run at (1,1) width 28: "after"
index 97f3bf2..afc2e18 100644 (file)
@@ -3,10 +3,10 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
-      RenderBlock {INPUT} at (2,3) size 13x13
-      RenderText {#text} at (17,0) size 5x18
-        text run at (17,0) width 5: " "
-      RenderBR {BR} at (21,14) size 1x0
+      RenderBlock {INPUT} at (2,3) size 12x13
+      RenderText {#text} at (16,0) size 4x18
+        text run at (16,0) width 4: " "
+      RenderBR {BR} at (20,14) size 0x0
       RenderText {#text} at (0,0) size 0x0
       RenderText {#text} at (0,0) size 0x0
       RenderText {#text} at (0,0) size 0x0
index 6db1bcc..f00f6c5 100644 (file)
@@ -3,6 +3,6 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
-      RenderBlock {INPUT} at (2,4) size 13x12
-      RenderText {#text} at (17,0) size 219x18
-        text run at (17,0) width 219: "This checkbox should be checked."
+      RenderBlock {INPUT} at (2,4) size 12x12
+      RenderText {#text} at (16,0) size 218x18
+        text run at (16,0) width 218: "This checkbox should be checked."
index be2fda2..090bfbb 100644 (file)
@@ -40,11 +40,11 @@ layer at (0,0) size 800x600
         RenderListBox {SELECT} at (3,235) size 48x57 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
         RenderListBox {SELECT} at (3,296) size 48x57 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
         RenderText {#text} at (0,0) size 0x0
-        RenderBlock {INPUT} at (3,358) size 13x12
-        RenderBlock {INPUT} at (3,376) size 13x12
+        RenderBlock {INPUT} at (3,358) size 12x12
+        RenderBlock {INPUT} at (3,376) size 12x12
         RenderText {#text} at (0,0) size 0x0
-        RenderBlock {INPUT} at (3,394) size 13x13
-        RenderBlock {INPUT} at (3,413) size 13x13
+        RenderBlock {INPUT} at (3,394) size 12x13
+        RenderBlock {INPUT} at (3,413) size 12x13
         RenderText {#text} at (0,0) size 0x0
         RenderIFrame {IFRAME} at (1,429) size 27x27 [border: (1px solid #000000)]
           layer at (0,0) size 25x25
index 1d7399d..817e7e9 100644 (file)
@@ -9,12 +9,12 @@ layer at (0,0) size 800x600
       RenderTable {TABLE} at (0,18) size 784x22
         RenderTableSection {TBODY} at (0,0) size 784x22
           RenderTableRow {TR} at (0,1) size 784x20
-            RenderTableCell {TD} at (1,1) size 8x20 [r=0 c=0 rs=1 cs=1]
-              RenderBlock {INPUT} at (3,4) size 7x12
-            RenderTableCell {TD} at (10,1) size 8x20 [r=0 c=1 rs=1 cs=1]
-              RenderBlock {INPUT} at (3,4) size 7x12
-            RenderTableCell {TD} at (19,1) size 8x20 [r=0 c=2 rs=1 cs=1]
-              RenderBlock {INPUT} at (3,4) size 7x12
-            RenderTableCell {TD} at (28,1) size 755x20 [r=0 c=3 rs=1 cs=1]
+            RenderTableCell {TD} at (1,1) size 6x20 [r=0 c=0 rs=1 cs=1]
+              RenderBlock {INPUT} at (3,4) size 4x12
+            RenderTableCell {TD} at (8,1) size 6x20 [r=0 c=1 rs=1 cs=1]
+              RenderBlock {INPUT} at (3,4) size 4x12
+            RenderTableCell {TD} at (15,1) size 6x20 [r=0 c=2 rs=1 cs=1]
+              RenderBlock {INPUT} at (3,4) size 4x12
+            RenderTableCell {TD} at (22,1) size 761x20 [r=0 c=3 rs=1 cs=1]
               RenderText {#text} at (1,1) size 4x18
                 text run at (1,1) width 4: " "
index 72d2f45..63c0b0d 100644 (file)
@@ -9,12 +9,12 @@ layer at (0,0) size 800x600
       RenderTable {TABLE} at (0,18) size 784x23
         RenderTableSection {TBODY} at (0,0) size 784x23
           RenderTableRow {TR} at (0,1) size 784x21
-            RenderTableCell {TD} at (1,1) size 8x21 [r=0 c=0 rs=1 cs=1]
-              RenderBlock {INPUT} at (3,4) size 7x13
-            RenderTableCell {TD} at (10,1) size 8x21 [r=0 c=1 rs=1 cs=1]
-              RenderBlock {INPUT} at (3,4) size 7x13
-            RenderTableCell {TD} at (19,1) size 8x21 [r=0 c=2 rs=1 cs=1]
-              RenderBlock {INPUT} at (3,4) size 7x13
-            RenderTableCell {TD} at (28,1) size 755x20 [r=0 c=3 rs=1 cs=1]
+            RenderTableCell {TD} at (1,1) size 6x21 [r=0 c=0 rs=1 cs=1]
+              RenderBlock {INPUT} at (3,4) size 4x13
+            RenderTableCell {TD} at (8,1) size 6x21 [r=0 c=1 rs=1 cs=1]
+              RenderBlock {INPUT} at (3,4) size 4x13
+            RenderTableCell {TD} at (15,1) size 6x21 [r=0 c=2 rs=1 cs=1]
+              RenderBlock {INPUT} at (3,4) size 4x13
+            RenderTableCell {TD} at (22,1) size 761x20 [r=0 c=3 rs=1 cs=1]
               RenderText {#text} at (1,1) size 4x18
                 text run at (1,1) width 4: " "
index 3cb1a91..b441018 100644 (file)
@@ -21,11 +21,11 @@ layer at (0,0) size 800x600
                         text run at (0,0) width 79: "Search Froogle"
                   RenderText {#text} at (0,0) size 0x0
                 RenderTableCell {TD} at (538,2) size 160x18 [r=0 c=3 rs=2 cs=1]
-                  RenderInline {LABEL} at (0,0) size 117x13
+                  RenderInline {LABEL} at (0,0) size 115x13
                     RenderText {#text} at (0,0) size 0x0
-                    RenderBlock {INPUT} at (12,3) size 13x12
-                    RenderText {#text} at (27,3) size 100x13
-                      text run at (27,3) width 100: " Remember this location"
+                    RenderBlock {INPUT} at (12,3) size 12x12
+                    RenderText {#text} at (26,3) size 99x13
+                      text run at (26,3) width 99: " Remember this location"
                   RenderText {#text} at (0,0) size 0x0
         RenderBlock (anonymous) at (0,39) size 784x18
           RenderBR {BR} at (392,0) size 0x18
index 2932727..b11b493 100644 (file)
@@ -5,498 +5,498 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderFieldSet {FIELDSET} at (2,0) size 780x371 [border: (2px groove #C0C0C0)]
         RenderBlock {DIV} at (14,7) size 752x352
-          RenderInline {DIV} at (0,0) size 121x18
-            RenderInline {DIV} at (0,0) size 121x18
+          RenderInline {DIV} at (0,0) size 119x18
+            RenderInline {DIV} at (0,0) size 119x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,0) size 50x34
               RenderText {#text} at (50,20) size 4x18
                 text run at (50,20) width 4: " "
-              RenderBlock {INPUT} at (56,24) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (71,20) size 46x18
-                  text run at (71,20) width 46: "Classic"
-              RenderText {#text} at (116,20) size 5x18
-                text run at (116,20) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 117x18
-            RenderInline {DIV} at (0,0) size 117x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (120,0) size 51x34
-              RenderText {#text} at (170,20) size 5x18
-                text run at (170,20) width 5: " "
-              RenderBlock {INPUT} at (177,24) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (192,20) size 41x18
-                  text run at (192,20) width 41: "Africa"
-              RenderText {#text} at (232,20) size 5x18
-                text run at (232,20) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 202x18
-            RenderInline {DIV} at (0,0) size 202x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (236,0) size 51x34
-              RenderText {#text} at (286,20) size 5x18
-                text run at (286,20) width 5: " "
-              RenderBlock {INPUT} at (293,24) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (308,20) size 126x18
-                  text run at (308,20) width 126: "Alexander's Empire"
-              RenderText {#text} at (433,20) size 5x18
-                text run at (433,20) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 176x18
-            RenderInline {DIV} at (0,0) size 176x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (437,0) size 51x34
-              RenderText {#text} at (487,20) size 5x18
-                text run at (487,20) width 5: " "
-              RenderBlock {INPUT} at (494,24) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (509,20) size 100x18
-                  text run at (509,20) width 100: "Ancient Greece"
-              RenderText {#text} at (608,20) size 5x18
-                text run at (608,20) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 118x18
-            RenderInline {DIV} at (0,0) size 118x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (612,0) size 51x34
-              RenderText {#text} at (662,20) size 5x18
-                text run at (662,20) width 5: " "
-              RenderBlock {INPUT} at (669,24) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (684,20) size 46x18
-                  text run at (684,20) width 46: "Classic"
-              RenderText {#text} at (0,0) size 0x0
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 116x18
-            RenderInline {DIV} at (0,0) size 116x18
+              RenderBlock {INPUT} at (56,24) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (70,20) size 45x18
+                  text run at (70,20) width 45: "Classic"
+              RenderText {#text} at (115,20) size 4x18
+                text run at (115,20) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 114x18
+            RenderInline {DIV} at (0,0) size 114x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (119,0) size 50x34
+              RenderText {#text} at (169,20) size 4x18
+                text run at (169,20) width 4: " "
+              RenderBlock {INPUT} at (175,24) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (189,20) size 40x18
+                  text run at (189,20) width 40: "Africa"
+              RenderText {#text} at (229,20) size 4x18
+                text run at (229,20) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (233,0) size 50x34
+              RenderText {#text} at (283,20) size 4x18
+                text run at (283,20) width 4: " "
+              RenderBlock {INPUT} at (289,24) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (303,20) size 125x18
+                  text run at (303,20) width 125: "Alexander's Empire"
+              RenderText {#text} at (428,20) size 4x18
+                text run at (428,20) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 173x18
+            RenderInline {DIV} at (0,0) size 173x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (432,0) size 50x34
+              RenderText {#text} at (482,20) size 4x18
+                text run at (482,20) width 4: " "
+              RenderBlock {INPUT} at (488,24) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (502,20) size 99x18
+                  text run at (502,20) width 99: "Ancient Greece"
+              RenderText {#text} at (601,20) size 4x18
+                text run at (601,20) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 115x18
+            RenderInline {DIV} at (0,0) size 115x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (605,0) size 50x34
+              RenderText {#text} at (655,20) size 4x18
+                text run at (655,20) width 4: " "
+              RenderBlock {INPUT} at (661,24) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (675,20) size 45x18
+                  text run at (675,20) width 45: "Classic"
+              RenderText {#text} at (0,0) size 0x0
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 114x18
+            RenderInline {DIV} at (0,0) size 114x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,39) size 50x34
               RenderText {#text} at (50,59) size 4x18
                 text run at (50,59) width 4: " "
-              RenderBlock {INPUT} at (56,63) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (71,59) size 41x18
-                  text run at (71,59) width 41: "Africa"
-              RenderText {#text} at (111,59) size 5x18
-                text run at (111,59) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 202x18
-            RenderInline {DIV} at (0,0) size 202x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (115,39) size 51x34
-              RenderText {#text} at (165,59) size 5x18
-                text run at (165,59) width 5: " "
-              RenderBlock {INPUT} at (172,63) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (187,59) size 126x18
-                  text run at (187,59) width 126: "Alexander's Empire"
-              RenderText {#text} at (312,59) size 5x18
-                text run at (312,59) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 176x18
-            RenderInline {DIV} at (0,0) size 176x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (316,39) size 51x34
-              RenderText {#text} at (366,59) size 5x18
-                text run at (366,59) width 5: " "
-              RenderBlock {INPUT} at (373,63) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (388,59) size 100x18
-                  text run at (388,59) width 100: "Ancient Greece"
-              RenderText {#text} at (487,59) size 5x18
-                text run at (487,59) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 122x18
-            RenderInline {DIV} at (0,0) size 122x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (491,39) size 51x34
-              RenderText {#text} at (541,59) size 5x18
-                text run at (541,59) width 5: " "
-              RenderBlock {INPUT} at (548,63) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (563,59) size 46x18
-                  text run at (563,59) width 46: "Classic"
-              RenderText {#text} at (608,59) size 5x18
-                text run at (608,59) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 113x18
-            RenderInline {DIV} at (0,0) size 113x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (612,39) size 51x34
-              RenderText {#text} at (662,59) size 5x18
-                text run at (662,59) width 5: " "
-              RenderBlock {INPUT} at (669,63) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (684,59) size 41x18
-                  text run at (684,59) width 41: "Africa"
-              RenderText {#text} at (0,0) size 0x0
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 201x18
-            RenderInline {DIV} at (0,0) size 201x18
+              RenderBlock {INPUT} at (56,63) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (70,59) size 40x18
+                  text run at (70,59) width 40: "Africa"
+              RenderText {#text} at (110,59) size 4x18
+                text run at (110,59) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (114,39) size 50x34
+              RenderText {#text} at (164,59) size 4x18
+                text run at (164,59) width 4: " "
+              RenderBlock {INPUT} at (170,63) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (184,59) size 125x18
+                  text run at (184,59) width 125: "Alexander's Empire"
+              RenderText {#text} at (309,59) size 4x18
+                text run at (309,59) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 173x18
+            RenderInline {DIV} at (0,0) size 173x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (313,39) size 50x34
+              RenderText {#text} at (363,59) size 4x18
+                text run at (363,59) width 4: " "
+              RenderBlock {INPUT} at (369,63) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (383,59) size 99x18
+                  text run at (383,59) width 99: "Ancient Greece"
+              RenderText {#text} at (482,59) size 4x18
+                text run at (482,59) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 119x18
+            RenderInline {DIV} at (0,0) size 119x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (486,39) size 50x34
+              RenderText {#text} at (536,59) size 4x18
+                text run at (536,59) width 4: " "
+              RenderBlock {INPUT} at (542,63) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (556,59) size 45x18
+                  text run at (556,59) width 45: "Classic"
+              RenderText {#text} at (601,59) size 4x18
+                text run at (601,59) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 110x18
+            RenderInline {DIV} at (0,0) size 110x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (605,39) size 50x34
+              RenderText {#text} at (655,59) size 4x18
+                text run at (655,59) width 4: " "
+              RenderBlock {INPUT} at (661,63) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (675,59) size 40x18
+                  text run at (675,59) width 40: "Africa"
+              RenderText {#text} at (0,0) size 0x0
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,78) size 50x34
               RenderText {#text} at (50,98) size 4x18
                 text run at (50,98) width 4: " "
-              RenderBlock {INPUT} at (56,102) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (71,98) size 126x18
-                  text run at (71,98) width 126: "Alexander's Empire"
-              RenderText {#text} at (196,98) size 5x18
-                text run at (196,98) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 176x18
-            RenderInline {DIV} at (0,0) size 176x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (200,78) size 51x34
-              RenderText {#text} at (250,98) size 5x18
-                text run at (250,98) width 5: " "
-              RenderBlock {INPUT} at (257,102) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (272,98) size 100x18
-                  text run at (272,98) width 100: "Ancient Greece"
-              RenderText {#text} at (371,98) size 5x18
-                text run at (371,98) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 122x18
-            RenderInline {DIV} at (0,0) size 122x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (375,78) size 51x34
-              RenderText {#text} at (425,98) size 5x18
-                text run at (425,98) width 5: " "
-              RenderBlock {INPUT} at (432,102) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (447,98) size 46x18
-                  text run at (447,98) width 46: "Classic"
-              RenderText {#text} at (492,98) size 5x18
-                text run at (492,98) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 113x18
-            RenderInline {DIV} at (0,0) size 113x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (496,78) size 51x34
-              RenderText {#text} at (546,98) size 5x18
-                text run at (546,98) width 5: " "
-              RenderBlock {INPUT} at (553,102) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (568,98) size 41x18
-                  text run at (568,98) width 41: "Africa"
-              RenderText {#text} at (0,0) size 0x0
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 201x18
-            RenderInline {DIV} at (0,0) size 201x18
+              RenderBlock {INPUT} at (56,102) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (70,98) size 125x18
+                  text run at (70,98) width 125: "Alexander's Empire"
+              RenderText {#text} at (195,98) size 4x18
+                text run at (195,98) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 173x18
+            RenderInline {DIV} at (0,0) size 173x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (199,78) size 50x34
+              RenderText {#text} at (249,98) size 4x18
+                text run at (249,98) width 4: " "
+              RenderBlock {INPUT} at (255,102) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (269,98) size 99x18
+                  text run at (269,98) width 99: "Ancient Greece"
+              RenderText {#text} at (368,98) size 4x18
+                text run at (368,98) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 119x18
+            RenderInline {DIV} at (0,0) size 119x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (372,78) size 50x34
+              RenderText {#text} at (422,98) size 4x18
+                text run at (422,98) width 4: " "
+              RenderBlock {INPUT} at (428,102) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (442,98) size 45x18
+                  text run at (442,98) width 45: "Classic"
+              RenderText {#text} at (487,98) size 4x18
+                text run at (487,98) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 110x18
+            RenderInline {DIV} at (0,0) size 110x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (491,78) size 50x34
+              RenderText {#text} at (541,98) size 4x18
+                text run at (541,98) width 4: " "
+              RenderBlock {INPUT} at (547,102) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (561,98) size 40x18
+                  text run at (561,98) width 40: "Africa"
+              RenderText {#text} at (0,0) size 0x0
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,117) size 50x34
               RenderText {#text} at (50,137) size 4x18
                 text run at (50,137) width 4: " "
-              RenderBlock {INPUT} at (56,141) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (71,137) size 126x18
-                  text run at (71,137) width 126: "Alexander's Empire"
-              RenderText {#text} at (196,137) size 5x18
-                text run at (196,137) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 176x18
-            RenderInline {DIV} at (0,0) size 176x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (200,117) size 51x34
-              RenderText {#text} at (250,137) size 5x18
-                text run at (250,137) width 5: " "
-              RenderBlock {INPUT} at (257,141) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (272,137) size 100x18
-                  text run at (272,137) width 100: "Ancient Greece"
-              RenderText {#text} at (371,137) size 5x18
-                text run at (371,137) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 122x18
-            RenderInline {DIV} at (0,0) size 122x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (375,117) size 51x34
-              RenderText {#text} at (425,137) size 5x18
-                text run at (425,137) width 5: " "
-              RenderBlock {INPUT} at (432,141) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (447,137) size 46x18
-                  text run at (447,137) width 46: "Classic"
-              RenderText {#text} at (492,137) size 5x18
-                text run at (492,137) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 113x18
-            RenderInline {DIV} at (0,0) size 113x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (496,117) size 51x34
-              RenderText {#text} at (546,137) size 5x18
-                text run at (546,137) width 5: " "
-              RenderBlock {INPUT} at (553,141) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (568,137) size 41x18
-                  text run at (568,137) width 41: "Africa"
-              RenderText {#text} at (0,0) size 0x0
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 201x18
-            RenderInline {DIV} at (0,0) size 201x18
+              RenderBlock {INPUT} at (56,141) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (70,137) size 125x18
+                  text run at (70,137) width 125: "Alexander's Empire"
+              RenderText {#text} at (195,137) size 4x18
+                text run at (195,137) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 173x18
+            RenderInline {DIV} at (0,0) size 173x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (199,117) size 50x34
+              RenderText {#text} at (249,137) size 4x18
+                text run at (249,137) width 4: " "
+              RenderBlock {INPUT} at (255,141) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (269,137) size 99x18
+                  text run at (269,137) width 99: "Ancient Greece"
+              RenderText {#text} at (368,137) size 4x18
+                text run at (368,137) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 119x18
+            RenderInline {DIV} at (0,0) size 119x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (372,117) size 50x34
+              RenderText {#text} at (422,137) size 4x18
+                text run at (422,137) width 4: " "
+              RenderBlock {INPUT} at (428,141) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (442,137) size 45x18
+                  text run at (442,137) width 45: "Classic"
+              RenderText {#text} at (487,137) size 4x18
+                text run at (487,137) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 110x18
+            RenderInline {DIV} at (0,0) size 110x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (491,117) size 50x34
+              RenderText {#text} at (541,137) size 4x18
+                text run at (541,137) width 4: " "
+              RenderBlock {INPUT} at (547,141) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (561,137) size 40x18
+                  text run at (561,137) width 40: "Africa"
+              RenderText {#text} at (0,0) size 0x0
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,156) size 50x34
               RenderText {#text} at (50,176) size 4x18
                 text run at (50,176) width 4: " "
-              RenderBlock {INPUT} at (56,180) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (71,176) size 126x18
-                  text run at (71,176) width 126: "Alexander's Empire"
-              RenderText {#text} at (196,176) size 5x18
-                text run at (196,176) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 176x18
-            RenderInline {DIV} at (0,0) size 176x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (200,156) size 51x34
-              RenderText {#text} at (250,176) size 5x18
-                text run at (250,176) width 5: " "
-              RenderBlock {INPUT} at (257,180) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (272,176) size 100x18
-                  text run at (272,176) width 100: "Ancient Greece"
-              RenderText {#text} at (371,176) size 5x18
-                text run at (371,176) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 122x18
-            RenderInline {DIV} at (0,0) size 122x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (375,156) size 51x34
-              RenderText {#text} at (425,176) size 5x18
-                text run at (425,176) width 5: " "
-              RenderBlock {INPUT} at (432,180) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (447,176) size 46x18
-                  text run at (447,176) width 46: "Classic"
-              RenderText {#text} at (492,176) size 5x18
-                text run at (492,176) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 113x18
-            RenderInline {DIV} at (0,0) size 113x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (496,156) size 51x34
-              RenderText {#text} at (546,176) size 5x18
-                text run at (546,176) width 5: " "
-              RenderBlock {INPUT} at (553,180) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (568,176) size 41x18
-                  text run at (568,176) width 41: "Africa"
-              RenderText {#text} at (0,0) size 0x0
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 201x18
-            RenderInline {DIV} at (0,0) size 201x18
+              RenderBlock {INPUT} at (56,180) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (70,176) size 125x18
+                  text run at (70,176) width 125: "Alexander's Empire"
+              RenderText {#text} at (195,176) size 4x18
+                text run at (195,176) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 173x18
+            RenderInline {DIV} at (0,0) size 173x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (199,156) size 50x34
+              RenderText {#text} at (249,176) size 4x18
+                text run at (249,176) width 4: " "
+              RenderBlock {INPUT} at (255,180) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (269,176) size 99x18
+                  text run at (269,176) width 99: "Ancient Greece"
+              RenderText {#text} at (368,176) size 4x18
+                text run at (368,176) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 119x18
+            RenderInline {DIV} at (0,0) size 119x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (372,156) size 50x34
+              RenderText {#text} at (422,176) size 4x18
+                text run at (422,176) width 4: " "
+              RenderBlock {INPUT} at (428,180) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (442,176) size 45x18
+                  text run at (442,176) width 45: "Classic"
+              RenderText {#text} at (487,176) size 4x18
+                text run at (487,176) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 110x18
+            RenderInline {DIV} at (0,0) size 110x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (491,156) size 50x34
+              RenderText {#text} at (541,176) size 4x18
+                text run at (541,176) width 4: " "
+              RenderBlock {INPUT} at (547,180) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (561,176) size 40x18
+                  text run at (561,176) width 40: "Africa"
+              RenderText {#text} at (0,0) size 0x0
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,195) size 50x34
               RenderText {#text} at (50,215) size 4x18
                 text run at (50,215) width 4: " "
-              RenderBlock {INPUT} at (56,219) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (71,215) size 126x18
-                  text run at (71,215) width 126: "Alexander's Empire"
-              RenderText {#text} at (196,215) size 5x18
-                text run at (196,215) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 176x18
-            RenderInline {DIV} at (0,0) size 176x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (200,195) size 51x34
-              RenderText {#text} at (250,215) size 5x18
-                text run at (250,215) width 5: " "
-              RenderBlock {INPUT} at (257,219) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (272,215) size 100x18
-                  text run at (272,215) width 100: "Ancient Greece"
-              RenderText {#text} at (371,215) size 5x18
-                text run at (371,215) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 122x18
-            RenderInline {DIV} at (0,0) size 122x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (375,195) size 51x34
-              RenderText {#text} at (425,215) size 5x18
-                text run at (425,215) width 5: " "
-              RenderBlock {INPUT} at (432,219) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (447,215) size 46x18
-                  text run at (447,215) width 46: "Classic"
-              RenderText {#text} at (492,215) size 5x18
-                text run at (492,215) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 113x18
-            RenderInline {DIV} at (0,0) size 113x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (496,195) size 51x34
-              RenderText {#text} at (546,215) size 5x18
-                text run at (546,215) width 5: " "
-              RenderBlock {INPUT} at (553,219) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (568,215) size 41x18
-                  text run at (568,215) width 41: "Africa"
-              RenderText {#text} at (0,0) size 0x0
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 201x18
-            RenderInline {DIV} at (0,0) size 201x18
+              RenderBlock {INPUT} at (56,219) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (70,215) size 125x18
+                  text run at (70,215) width 125: "Alexander's Empire"
+              RenderText {#text} at (195,215) size 4x18
+                text run at (195,215) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 173x18
+            RenderInline {DIV} at (0,0) size 173x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (199,195) size 50x34
+              RenderText {#text} at (249,215) size 4x18
+                text run at (249,215) width 4: " "
+              RenderBlock {INPUT} at (255,219) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (269,215) size 99x18
+                  text run at (269,215) width 99: "Ancient Greece"
+              RenderText {#text} at (368,215) size 4x18
+                text run at (368,215) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 119x18
+            RenderInline {DIV} at (0,0) size 119x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (372,195) size 50x34
+              RenderText {#text} at (422,215) size 4x18
+                text run at (422,215) width 4: " "
+              RenderBlock {INPUT} at (428,219) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (442,215) size 45x18
+                  text run at (442,215) width 45: "Classic"
+              RenderText {#text} at (487,215) size 4x18
+                text run at (487,215) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 110x18
+            RenderInline {DIV} at (0,0) size 110x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (491,195) size 50x34
+              RenderText {#text} at (541,215) size 4x18
+                text run at (541,215) width 4: " "
+              RenderBlock {INPUT} at (547,219) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (561,215) size 40x18
+                  text run at (561,215) width 40: "Africa"
+              RenderText {#text} at (0,0) size 0x0
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,234) size 50x34
               RenderText {#text} at (50,254) size 4x18
                 text run at (50,254) width 4: " "
-              RenderBlock {INPUT} at (56,258) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (71,254) size 126x18
-                  text run at (71,254) width 126: "Alexander's Empire"
-              RenderText {#text} at (196,254) size 5x18
-                text run at (196,254) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 176x18
-            RenderInline {DIV} at (0,0) size 176x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (200,234) size 51x34
-              RenderText {#text} at (250,254) size 5x18
-                text run at (250,254) width 5: " "
-              RenderBlock {INPUT} at (257,258) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (272,254) size 100x18
-                  text run at (272,254) width 100: "Ancient Greece"
-              RenderText {#text} at (371,254) size 5x18
-                text run at (371,254) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 122x18
-            RenderInline {DIV} at (0,0) size 122x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (375,234) size 51x34
-              RenderText {#text} at (425,254) size 5x18
-                text run at (425,254) width 5: " "
-              RenderBlock {INPUT} at (432,258) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (447,254) size 46x18
-                  text run at (447,254) width 46: "Classic"
-              RenderText {#text} at (492,254) size 5x18
-                text run at (492,254) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 113x18
-            RenderInline {DIV} at (0,0) size 113x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (496,234) size 51x34
-              RenderText {#text} at (546,254) size 5x18
-                text run at (546,254) width 5: " "
-              RenderBlock {INPUT} at (553,258) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (568,254) size 41x18
-                  text run at (568,254) width 41: "Africa"
-              RenderText {#text} at (0,0) size 0x0
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 201x18
-            RenderInline {DIV} at (0,0) size 201x18
+              RenderBlock {INPUT} at (56,258) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (70,254) size 125x18
+                  text run at (70,254) width 125: "Alexander's Empire"
+              RenderText {#text} at (195,254) size 4x18
+                text run at (195,254) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 173x18
+            RenderInline {DIV} at (0,0) size 173x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (199,234) size 50x34
+              RenderText {#text} at (249,254) size 4x18
+                text run at (249,254) width 4: " "
+              RenderBlock {INPUT} at (255,258) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (269,254) size 99x18
+                  text run at (269,254) width 99: "Ancient Greece"
+              RenderText {#text} at (368,254) size 4x18
+                text run at (368,254) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 119x18
+            RenderInline {DIV} at (0,0) size 119x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (372,234) size 50x34
+              RenderText {#text} at (422,254) size 4x18
+                text run at (422,254) width 4: " "
+              RenderBlock {INPUT} at (428,258) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (442,254) size 45x18
+                  text run at (442,254) width 45: "Classic"
+              RenderText {#text} at (487,254) size 4x18
+                text run at (487,254) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 110x18
+            RenderInline {DIV} at (0,0) size 110x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (491,234) size 50x34
+              RenderText {#text} at (541,254) size 4x18
+                text run at (541,254) width 4: " "
+              RenderBlock {INPUT} at (547,258) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (561,254) size 40x18
+                  text run at (561,254) width 40: "Africa"
+              RenderText {#text} at (0,0) size 0x0
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,273) size 50x34
               RenderText {#text} at (50,293) size 4x18
                 text run at (50,293) width 4: " "
-              RenderBlock {INPUT} at (56,297) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (71,293) size 126x18
-                  text run at (71,293) width 126: "Alexander's Empire"
-              RenderText {#text} at (196,293) size 5x18
-                text run at (196,293) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 176x18
-            RenderInline {DIV} at (0,0) size 176x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (200,273) size 51x34
-              RenderText {#text} at (250,293) size 5x18
-                text run at (250,293) width 5: " "
-              RenderBlock {INPUT} at (257,297) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (272,293) size 100x18
-                  text run at (272,293) width 100: "Ancient Greece"
-              RenderText {#text} at (371,293) size 5x18
-                text run at (371,293) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 122x18
-            RenderInline {DIV} at (0,0) size 122x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (375,273) size 51x34
-              RenderText {#text} at (425,293) size 5x18
-                text run at (425,293) width 5: " "
-              RenderBlock {INPUT} at (432,297) size 13x12
-              RenderInline {LABEL} at (0,0) size 46x18
-                RenderText {#text} at (447,293) size 46x18
-                  text run at (447,293) width 46: "Classic"
-              RenderText {#text} at (492,293) size 5x18
-                text run at (492,293) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 113x18
-            RenderInline {DIV} at (0,0) size 113x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (496,273) size 51x34
-              RenderText {#text} at (546,293) size 5x18
-                text run at (546,293) width 5: " "
-              RenderBlock {INPUT} at (553,297) size 13x12
-              RenderInline {LABEL} at (0,0) size 41x18
-                RenderText {#text} at (568,293) size 41x18
-                  text run at (568,293) width 41: "Africa"
-              RenderText {#text} at (0,0) size 0x0
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 201x18
-            RenderInline {DIV} at (0,0) size 201x18
+              RenderBlock {INPUT} at (56,297) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (70,293) size 125x18
+                  text run at (70,293) width 125: "Alexander's Empire"
+              RenderText {#text} at (195,293) size 4x18
+                text run at (195,293) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 173x18
+            RenderInline {DIV} at (0,0) size 173x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (199,273) size 50x34
+              RenderText {#text} at (249,293) size 4x18
+                text run at (249,293) width 4: " "
+              RenderBlock {INPUT} at (255,297) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (269,293) size 99x18
+                  text run at (269,293) width 99: "Ancient Greece"
+              RenderText {#text} at (368,293) size 4x18
+                text run at (368,293) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 119x18
+            RenderInline {DIV} at (0,0) size 119x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (372,273) size 50x34
+              RenderText {#text} at (422,293) size 4x18
+                text run at (422,293) width 4: " "
+              RenderBlock {INPUT} at (428,297) size 12x12
+              RenderInline {LABEL} at (0,0) size 45x18
+                RenderText {#text} at (442,293) size 45x18
+                  text run at (442,293) width 45: "Classic"
+              RenderText {#text} at (487,293) size 4x18
+                text run at (487,293) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 110x18
+            RenderInline {DIV} at (0,0) size 110x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (491,273) size 50x34
+              RenderText {#text} at (541,293) size 4x18
+                text run at (541,293) width 4: " "
+              RenderBlock {INPUT} at (547,297) size 12x12
+              RenderInline {LABEL} at (0,0) size 40x18
+                RenderText {#text} at (561,293) size 40x18
+                  text run at (561,293) width 40: "Africa"
+              RenderText {#text} at (0,0) size 0x0
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 199x18
+            RenderInline {DIV} at (0,0) size 199x18
               RenderText {#text} at (0,0) size 0x0
               RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
                 RenderImage {IMG} at (0,312) size 50x34
               RenderText {#text} at (50,332) size 4x18
                 text run at (50,332) width 4: " "
-              RenderBlock {INPUT} at (56,336) size 13x12
-              RenderInline {LABEL} at (0,0) size 126x18
-                RenderText {#text} at (71,332) size 126x18
-                  text run at (71,332) width 126: "Alexander's Empire"
-              RenderText {#text} at (196,332) size 5x18
-                text run at (196,332) width 5: " "
-          RenderText {#text} at (0,0) size 0x0
-          RenderInline {DIV} at (0,0) size 172x18
-            RenderInline {DIV} at (0,0) size 172x18
-              RenderText {#text} at (0,0) size 0x0
-              RenderInline {A} at (0,0) size 51x18 [color=#0000EE]
-                RenderImage {IMG} at (200,312) size 51x34
-              RenderText {#text} at (250,332) size 5x18
-                text run at (250,332) width 5: " "
-              RenderBlock {INPUT} at (257,336) size 13x12
-              RenderInline {LABEL} at (0,0) size 100x18
-                RenderText {#text} at (272,332) size 100x18
-                  text run at (272,332) width 100: "Ancient Greece"
+              RenderBlock {INPUT} at (56,336) size 12x12
+              RenderInline {LABEL} at (0,0) size 125x18
+                RenderText {#text} at (70,332) size 125x18
+                  text run at (70,332) width 125: "Alexander's Empire"
+              RenderText {#text} at (195,332) size 4x18
+                text run at (195,332) width 4: " "
+          RenderText {#text} at (0,0) size 0x0
+          RenderInline {DIV} at (0,0) size 169x18
+            RenderInline {DIV} at (0,0) size 169x18
+              RenderText {#text} at (0,0) size 0x0
+              RenderInline {A} at (0,0) size 50x18 [color=#0000EE]
+                RenderImage {IMG} at (199,312) size 50x34
+              RenderText {#text} at (249,332) size 4x18
+                text run at (249,332) width 4: " "
+              RenderBlock {INPUT} at (255,336) size 12x12
+              RenderInline {LABEL} at (0,0) size 99x18
+                RenderText {#text} at (269,332) size 99x18
+                  text run at (269,332) width 99: "Ancient Greece"
               RenderText {#text} at (0,0) size 0x0
           RenderText {#text} at (0,0) size 0x0
index 2ef7453..1345564 100644 (file)
@@ -40,22 +40,22 @@ layer at (0,0) size 800x600
                   text run at (0,81) width 334: "that we can use for testing"
                 RenderTextControl {INPUT} at (336,96) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
                 RenderBR {BR} at (483,110) size 1x0
-                RenderBlock {INPUT} at (2,136) size 13x13
-                RenderText {#text} at (17,118) size 74x37
-                  text run at (17,118) width 74: " Male"
-                RenderBR {BR} at (90,147) size 1x0
-                RenderBlock {INPUT} at (2,173) size 13x13
-                RenderText {#text} at (17,155) size 103x37
-                  text run at (17,155) width 103: " Female"
-                RenderBR {BR} at (119,184) size 1x0
-                RenderBlock {INPUT} at (2,211) size 13x12
-                RenderText {#text} at (17,192) size 131x37
-                  text run at (17,192) width 131: " option #1"
-                RenderBR {BR} at (147,221) size 1x0
-                RenderBlock {INPUT} at (2,248) size 13x12
-                RenderText {#text} at (17,229) size 131x37
-                  text run at (17,229) width 131: " option #2"
-                RenderBR {BR} at (147,258) size 1x0
+                RenderBlock {INPUT} at (2,136) size 12x13
+                RenderText {#text} at (16,118) size 73x37
+                  text run at (16,118) width 73: " Male"
+                RenderBR {BR} at (89,147) size 0x0
+                RenderBlock {INPUT} at (2,173) size 12x13
+                RenderText {#text} at (16,155) size 102x37
+                  text run at (16,155) width 102: " Female"
+                RenderBR {BR} at (118,184) size 0x0
+                RenderBlock {INPUT} at (2,211) size 12x12
+                RenderText {#text} at (16,192) size 130x37
+                  text run at (16,192) width 130: " option #1"
+                RenderBR {BR} at (146,221) size 0x0
+                RenderBlock {INPUT} at (2,248) size 12x12
+                RenderText {#text} at (16,229) size 130x37
+                  text run at (16,229) width 130: " option #2"
+                RenderBR {BR} at (146,258) size 0x0
                 RenderMenuList {SELECT} at (2,268) size 253x18 [bgcolor=#FFFFFF]
                   RenderBlock (anonymous) at (0,0) size 253x18
                     RenderText at (8,2) size 63x13
index a695214..ca943ad 100644 (file)
@@ -18,31 +18,31 @@ layer at (0,0) size 800x600
                 RenderBR {BR} at (392,55) size 0x17
               RenderText {#text} at (0,0) size 0x0
           RenderTableRow {TR} at (0,74) size 784x21
-            RenderTableCell {TD} at (0,76) size 551x17 [r=1 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,76) size 556x17 [r=1 c=0 rs=1 cs=1]
               RenderInline {FONT} at (0,0) size 140x15
-                RenderText {#text} at (410,1) size 140x15
-                  text run at (410,1) width 140: "I agree with the program"
+                RenderText {#text} at (415,1) size 140x15
+                  text run at (415,1) width 140: "I agree with the program"
               RenderText {#text} at (0,0) size 0x0
-            RenderTableCell {TD} at (551,74) size 71x21 [r=1 c=1 rs=1 cs=1]
-              RenderBlock {INPUT} at (3,4) size 13x13
+            RenderTableCell {TD} at (556,74) size 64x21 [r=1 c=1 rs=1 cs=1]
+              RenderBlock {INPUT} at (3,4) size 12x13
           RenderTableRow {TR} at (0,95) size 784x21
-            RenderTableCell {TD} at (0,97) size 551x17 [r=2 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (0,97) size 556x17 [r=2 c=0 rs=1 cs=1]
               RenderInline {FONT} at (0,0) size 153x15
-                RenderText {#text} at (397,1) size 153x15
-                  text run at (397,1) width 153: "I think vouchers are wrong"
+                RenderText {#text} at (402,1) size 153x15
+                  text run at (402,1) width 153: "I think vouchers are wrong"
               RenderText {#text} at (0,0) size 0x0
-            RenderTableCell {TD} at (551,95) size 71x21 [r=2 c=1 rs=1 cs=1]
-              RenderBlock {INPUT} at (3,4) size 13x13
+            RenderTableCell {TD} at (556,95) size 64x21 [r=2 c=1 rs=1 cs=1]
+              RenderBlock {INPUT} at (3,4) size 12x13
           RenderTableRow {TR} at (0,116) size 784x24
-            RenderTableCell {TD} at (0,119) size 622x17 [r=3 c=0 rs=1 cs=2]
+            RenderTableCell {TD} at (0,119) size 620x17 [r=3 c=0 rs=1 cs=2]
               RenderInline {A} at (0,0) size 76x18 [color=#0000EE]
                 RenderInline {FONT} at (0,0) size 76x15
-                  RenderText {#text} at (273,1) size 76x15
-                    text run at (273,1) width 76: "View Results"
+                  RenderText {#text} at (272,1) size 76x15
+                    text run at (272,1) width 76: "View Results"
               RenderInline {FONT} at (0,0) size 0x15
                 RenderText {#text} at (0,0) size 0x0
-            RenderTableCell {TD} at (622,116) size 162x24 [r=3 c=2 rs=1 cs=2]
-              RenderButton {INPUT} at (61,3) size 40x18 [bgcolor=#C0C0C0]
+            RenderTableCell {TD} at (620,116) size 164x24 [r=3 c=2 rs=1 cs=2]
+              RenderButton {INPUT} at (62,3) size 40x18 [bgcolor=#C0C0C0]
                 RenderBlock (anonymous) at (8,2) size 23x14
                   RenderText at (0,0) size 23x13
                     text run at (0,0) width 23: "vote"
index 3b2e93e..7f19fe0 100644 (file)
@@ -33,17 +33,17 @@ layer at (0,0) size 800x600
               RenderImage {IMG} at (0,60) size 470x10
               RenderBR {BR} at (470,70) size 0x0
           RenderTableRow {TR} at (0,70) size 613x25
-            RenderTableCell {TD} at (126,70) size 244x25 [bgcolor=#CCCCCC] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (126,70) size 246x25 [bgcolor=#CCCCCC] [r=1 c=1 rs=1 cs=1]
               RenderImage {IMG} at (0,0) size 232x25
-            RenderTableCell {TD} at (370,71) size 110x23 [bgcolor=#CCCCCC] [r=1 c=2 rs=1 cs=1]
-              RenderTextControl {INPUT} at (4,2) size 77x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+            RenderTableCell {TD} at (372,71) size 111x23 [bgcolor=#CCCCCC] [r=1 c=2 rs=1 cs=1]
+              RenderTextControl {INPUT} at (5,2) size 76x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
               RenderImage {INPUT} at (82,3) size 26x18
-            RenderTableCell {TD} at (480,70) size 133x25 [bgcolor=#CCCCCC] [r=1 c=3 rs=1 cs=1]
-              RenderBlock {INPUT} at (2,5) size 13x13
-              RenderImage {IMG} at (17,0) size 41x25
-              RenderBlock {INPUT} at (60,5) size 13x13
-              RenderText {#text} at (75,2) size 5x18
-                text run at (75,2) width 5: " "
-              RenderImage {IMG} at (79,0) size 47x25
-layer at (386,84) size 70x13 backgroundClip at (386,84) size 69x13 clip at (386,84) size 69x13
+            RenderTableCell {TD} at (483,70) size 130x25 [bgcolor=#CCCCCC] [r=1 c=3 rs=1 cs=1]
+              RenderBlock {INPUT} at (2,5) size 12x13
+              RenderImage {IMG} at (16,0) size 40x25
+              RenderBlock {INPUT} at (58,5) size 12x13
+              RenderText {#text} at (72,2) size 4x18
+                text run at (72,2) width 4: " "
+              RenderImage {IMG} at (76,0) size 46x25
+layer at (388,84) size 70x13
   RenderBlock {DIV} at (3,3) size 70x13
index 4a2934f..e84331c 100644 (file)
@@ -11,8 +11,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 103: "table 1 - original"
       RenderTable {TABLE} at (5,46) size 90x93 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,68) size 80x25 [border: (3px solid #800080)]
-          RenderText {#text} at (8,3) size 47x18
-            text run at (8,3) width 47: "caption"
+          RenderText {#text} at (9,3) size 46x18
+            text run at (9,3) width 46: "caption"
           RenderBlock {INPUT} at (57,6) size 12x13
         RenderTableSection {TBODY} at (10,10) size 70x46
           RenderTableRow {TR} at (0,2) size 70x20
@@ -34,8 +34,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 188: "table 2 - caption gains content"
       RenderTable {TABLE} at (5,172) size 90x111 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,68) size 80x43 [border: (3px solid #800080)]
-          RenderText {#text} at (8,3) size 47x18
-            text run at (8,3) width 47: "caption"
+          RenderText {#text} at (9,3) size 46x18
+            text run at (9,3) width 46: "caption"
           RenderBlock {INPUT} at (57,6) size 12x13
           RenderText {#text} at (17,22) size 46x18
             text run at (17,22) width 46: "foo foo"
@@ -59,8 +59,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 384: "table 3 - caption gains content extending its max element size"
       RenderTable {TABLE} at (5,316) size 148x111 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,68) size 138x43 [border: (3px solid #800080)]
-          RenderText {#text} at (37,3) size 47x18
-            text run at (37,3) width 47: "caption"
+          RenderText {#text} at (38,3) size 46x18
+            text run at (38,3) width 46: "caption"
           RenderBlock {INPUT} at (86,6) size 12x13
           RenderText {#text} at (3,22) size 142x18
             text run at (3,22) width 142: "very_large_very_large"
@@ -106,8 +106,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 154: "table 5 - table gets wider"
       RenderTable {TABLE} at (5,585) size 136x93 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,68) size 126x25 [border: (3px solid #800080)]
-          RenderText {#text} at (31,3) size 47x18
-            text run at (31,3) width 47: "caption"
+          RenderText {#text} at (32,3) size 46x18
+            text run at (32,3) width 46: "caption"
           RenderBlock {INPUT} at (80,6) size 12x13
         RenderTableSection {TBODY} at (10,10) size 116x46
           RenderTableRow {TR} at (0,2) size 116x20
@@ -136,8 +136,8 @@ layer at (0,0) size 785x1066
               RenderText {#text} at (1,1) size 46x18
                 text run at (1,1) width 46: "foo foo"
         RenderBlock {CAPTION} at (10,90) size 96x25 [border: (3px solid #800080)]
-          RenderText {#text} at (16,3) size 47x18
-            text run at (16,3) width 47: "caption"
+          RenderText {#text} at (17,3) size 46x18
+            text run at (17,3) width 46: "caption"
           RenderBlock {INPUT} at (65,6) size 12x13
         RenderTableSection {TBODY} at (10,34) size 86x44
           RenderTableRow {TR} at (0,0) size 86x20
index a329e64..bd37627 100644 (file)
@@ -11,8 +11,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 103: "table 1 - original"
       RenderTable {TABLE} at (5,46) size 90x93 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,2) size 80x25 [border: (3px solid #800080)]
-          RenderText {#text} at (8,3) size 47x18
-            text run at (8,3) width 47: "caption"
+          RenderText {#text} at (9,3) size 46x18
+            text run at (9,3) width 46: "caption"
           RenderBlock {INPUT} at (57,6) size 12x13
         RenderTableSection {TBODY} at (10,37) size 70x46
           RenderTableRow {TR} at (0,2) size 70x20
@@ -34,8 +34,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 188: "table 2 - caption gains content"
       RenderTable {TABLE} at (5,172) size 90x111 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,2) size 80x43 [border: (3px solid #800080)]
-          RenderText {#text} at (8,3) size 47x18
-            text run at (8,3) width 47: "caption"
+          RenderText {#text} at (9,3) size 46x18
+            text run at (9,3) width 46: "caption"
           RenderBlock {INPUT} at (57,6) size 12x13
           RenderText {#text} at (17,22) size 46x18
             text run at (17,22) width 46: "foo foo"
@@ -59,8 +59,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 384: "table 3 - caption gains content extending its max element size"
       RenderTable {TABLE} at (5,316) size 148x111 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,2) size 138x43 [border: (3px solid #800080)]
-          RenderText {#text} at (37,3) size 47x18
-            text run at (37,3) width 47: "caption"
+          RenderText {#text} at (38,3) size 46x18
+            text run at (38,3) width 46: "caption"
           RenderBlock {INPUT} at (86,6) size 12x13
           RenderText {#text} at (3,22) size 142x18
             text run at (3,22) width 142: "very_large_very_large"
@@ -106,8 +106,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 154: "table 5 - table gets wider"
       RenderTable {TABLE} at (5,585) size 136x93 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,2) size 126x25 [border: (3px solid #800080)]
-          RenderText {#text} at (31,3) size 47x18
-            text run at (31,3) width 47: "caption"
+          RenderText {#text} at (32,3) size 46x18
+            text run at (32,3) width 46: "caption"
           RenderBlock {INPUT} at (80,6) size 12x13
         RenderTableSection {TBODY} at (10,37) size 116x46
           RenderTableRow {TR} at (0,2) size 116x20
@@ -131,8 +131,8 @@ layer at (0,0) size 785x1066
           text run at (0,0) width 149: "table 6 - table gets taller"
       RenderTable {TABLE} at (5,711) size 106x115 [border: (10px solid #008000)]
         RenderBlock {CAPTION} at (10,2) size 96x25 [border: (3px solid #800080)]
-          RenderText {#text} at (16,3) size 47x18
-            text run at (16,3) width 47: "caption"
+          RenderText {#text} at (17,3) size 46x18
+            text run at (17,3) width 46: "caption"
           RenderBlock {INPUT} at (65,6) size 12x13
         RenderTableSection {TBODY} at (10,37) size 86x68
           RenderTableRow {TR} at (0,2) size 86x20
index d08140d..71f5ef4 100644 (file)
@@ -1,3 +1,24 @@
+2014-01-24  Zalan Bujtas  <zalan@apple.com>
+
+        Subpixel layout: Default style of input type=checkbox/radio (0.5ex) adds 1px extra margin on both left and right.
+        https://bugs.webkit.org/show_bug.cgi?id=125728
+
+        Reviewed by Simon Fraser.
+
+        Using the 0.5ex value to set checkbox/radio left and right margins is a long-standing
+        (khtml) behavior. While it indicates dynamic behavior, in order to get the margins changed,
+        the widget's font size needs to be set, which is rather rare for such input types.
+        It also results in odd layout, where the checkbox's indentation may seem to change randomly.
+
+        '<input style="font-size: 30px;" type="checkbox">foo' changes neither the checkbox
+        nor the text size, but it indents the line by about 15px.
+
+        Other browsers (FF, Opera with Presto) disagree and they set static margins values.
+        2px is the current default computed value.
+
+        * css/html.css:
+        (input[type="radio"], input[type="checkbox"]):
+
 2014-01-24  Oliver Hunt  <oliver@apple.com>
 
         Put functions need to take a base object and a this value, and perform type checks on |this|
index f2cb81b..d27beb8 100644 (file)
@@ -679,7 +679,7 @@ input:-webkit-autofill {
 }
 
 input[type="radio"], input[type="checkbox"] {
-    margin: 3px 0.5ex;
+    margin: 3px 2px;
 #if defined(WTF_PLATFORM_IOS) && WTF_PLATFORM_IOS
     border: 1px solid #4c4c4c;
     box-sizing: border-box;