Bug 665597 - Fix some reftests assumptions about margins and scrollable overflow. part=5/5 r=dbaron,roc
authorMats Palmgren <matspal@gmail.com>
Tue, 17 Jan 2012 00:38:10 +0100
changeset 84618 905ef8691d96dce44120ba562d67754ceac8ff81
parent 84617 87536f378706a1055422a84a9927f9649f8c9864
child 84619 46f81aec317f9e592d0768de5d1bfffdbc10c7a8
push id21868
push usermak77@bonardo.net
push dateTue, 17 Jan 2012 15:23:07 +0000
treeherdermozilla-central@ff1bedd7d463 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron, roc
bugs665597
milestone12.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 665597 - Fix some reftests assumptions about margins and scrollable overflow. part=5/5 r=dbaron,roc
layout/base/crashtests/crashtests.list
layout/generic/crashtests/crashtests.list
layout/reftests/box-properties/abspos-non-replaced-width-offset-margin-ref.html
layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html
layout/reftests/bugs/403519-2-ref.html
layout/reftests/bugs/403519-2.html
layout/reftests/bugs/458296-1-ref.html
layout/reftests/bugs/458296-1a-ref.html
layout/reftests/bugs/458296-1c.html
layout/reftests/bugs/458296-1d.html
layout/reftests/bugs/665597-1-ref.html
layout/reftests/bugs/reftest.list
layout/reftests/forms/progress/bar-pseudo-element-vertical-ref.html
layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl-ref.html
layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl.html
layout/reftests/forms/progress/bar-pseudo-element-vertical.html
layout/reftests/margin-collapsing/block-overflow-3-ref.html
layout/reftests/margin-collapsing/block-overflow-4-ref.html
toolkit/content/tests/browser/browser_bug295977_autoscroll_overflow.js
--- a/layout/base/crashtests/crashtests.list
+++ b/layout/base/crashtests/crashtests.list
@@ -37,17 +37,17 @@ load 244490-1.html
 load 254367-1.html
 load 263359-1.html
 load 265027-1.html
 load 265736-1.html
 load 265736-2.html
 asserts(2) load 265899-1.html # bug 575011
 load 265973-1.html
 asserts(6-12) load 265986-1.html # Bug 512405
-asserts(2-4) load 265999-1.html # bug 575011
+asserts(2-6) load 265999-1.html # bug 575011
 load 266222-1.html
 asserts(3-7) load 266360-1.html # bug 575011 / bug 576358
 asserts(4) load 266445-1.html # Bug 575011
 load 268157-1.html
 load 269566-1.html
 load 272647-1.html
 load 275746-1.html
 load 276053-1.html
--- a/layout/generic/crashtests/crashtests.list
+++ b/layout/generic/crashtests/crashtests.list
@@ -1,25 +1,25 @@
 load 25888-1.html
 load 25888-2.html
 load 37757-1.html
 load 225868-1.html
 load 264937-1.html
-asserts(9) load 265867-1.html # Bug 575011
+asserts(13) load 265867-1.html # Bug 575011
 load 265867-2.html
 load 289864-1.html
 load 295292-1.html
 load 295292-2.html
 load 302260-1.html
 load 307979-1.html
 load 310556-1.xhtml
 load 322780-1.xul
 load 323381-1.html
 load 323381-2.html
-asserts(2) asserts-if(gtk2Widget,8) load 323386-1.html # Bug 575011
+asserts(2) asserts-if(gtk2Widget,25) load 323386-1.html # Bug 575011
 load 323389-1.html
 load 323389-2.html
 load 323493-1.html
 load 323495-1.html
 load 324318-1.html
 load 328946-1.html
 load 331284-1.xhtml
 load 334105-1.xhtml
@@ -212,17 +212,17 @@ load 430332-1.html
 load 430344-1.html
 load 430352-1.html
 load 430744-1.html
 load 431260-1.html
 load 431260-2.html
 load 435529.html
 load 436194-1.html
 load 436602-1.html
-load 436822-1.html
+asserts(1-2) load 436822-1.html
 load 436823.html
 load 436969-1.html
 load 437156-1.html
 load 437565-1.xhtml
 load 437565-2.xhtml
 load 437565-3.xhtml
 load 438259-1.html
 load 438266-1.html
@@ -254,18 +254,18 @@ load 461294-1.html
 load 463350-1.html
 load 463350-2.html
 load 463350-3.html
 load 463741-1.html
 load 465651-1.html
 load 467137-1.html
 load 467213-1.html
 load 467487-1.html
-load 467493-1.html
-load 467493-2.html
+asserts(11-12) load 467493-1.html
+asserts(10-11) load 467493-2.html
 load 467875-1.xhtml
 load 467914-1.html
 load 468207-1.html
 load 468771-1.xhtml
 load 468771-2.xhtml
 load 469859-1.xhtml
 load 472587-1.xhtml
 load 472617-1.xhtml
@@ -273,17 +273,17 @@ load 472774-1.html
 load 472776-1.html
 load 472950-1.html
 load 473278-1.xhtml
 load 473894-1.html
 load 476241-1.html
 load 477731-1.html
 load 477928.html
 load 478131-1.html
-load 478170-1.html
+asserts(4) load 478170-1.html
 load 478185-1.html
 asserts-if(!Android,1) load 479938-1.html # Bug 575011
 load 480345-1.html
 skip-if(Android) load 481921.html
 load 489462-1.html
 load 489480-1.xhtml
 load 493111-1.html
 load 493118-1.html
@@ -304,40 +304,40 @@ load 505912-1.html
 load 509749-1.html
 load 511482.html
 load 512724-1.html
 load 512725-1.html
 load 512749-1.html
 load 513394-1.html
 load 514098-1.xhtml
 load 514800-1.html
-load 515811-1.html
+asserts(1) load 515811-1.html
 load 517968.html
 load 519031.xhtml
 load 520340.html
 load 533379-1.html
 load 533379-2.html
 load 534082-1.html
 load 534366-1.html
 load 534366-2.html
 load 536692-1.xhtml
 load 541277-1.html
 load 541277-2.html
-load 541714-1.html
-load 541714-2.html
+asserts(4) load 541714-1.html
+asserts(5-6) load 541714-2.html
 load 542136-1.html
 load 545571-1.html
 load 547338.xul
 load 547843-1.xhtml
 load 551635-1.html
 asserts(5) load 553504-1.xhtml # nscoord_MAX assertions (bug 575011)
 load 564368-1.xhtml
 load 564968.xhtml
 load 570160.html
-load 570289-1.html
+asserts(2) load 570289-1.html
 load 571618-1.svg
 asserts(1) load 571975-1.html # bug 574889
 load 574958.xhtml
 asserts(0-4) load 578977.html # bug 610331
 load 580504-1.xhtml
 load 585598-1.xhtml
 asserts(0-11) load 586806-1.html # Bug 439258
 load 586806-2.html
@@ -367,17 +367,17 @@ load 656130-1.html
 load 656130-2.html
 load 660416.html
 load 660451-1.html
 load 665853.html
 load text-overflow-form-elements.html
 load text-overflow-iframe.html
 load text-overflow-bug666751-1.html
 load text-overflow-bug666751-2.html
-asserts(2) load text-overflow-bug670564.xhtml # asserts(2) for bug 436470
+asserts(0-1) load text-overflow-bug670564.xhtml
 load text-overflow-bug671796.xhtml
 load 667025.html
 asserts-if(Android,8) load 673770.html
 load 679933-1.html
 load 682649-1.html
 load 683702-1.xhtml
 load 688996-1.html
 load 688996-2.html
--- a/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin-ref.html
+++ b/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin-ref.html
@@ -1,16 +1,16 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
 <html>
 <head>
 <title>Test, CSS 2.1, section 10.3.7</title>
 <style type="text/css">
 
 html, body { margin: 0; padding: 0; border: none; }
-div { height: 1px; background: navy; }
+div { height: 1px; background: navy; margin-right: 19px; }
 
 </style>
 </head>
 <body>
 
 <!-- ***** NARROW WIDTH ***** -->
 
 <!-- nothing auto -->
--- a/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html
+++ b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html
@@ -1,17 +1,17 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
 <html>
 <head>
 <title>Test, CSS 2.1, section 10.3.8</title>
 <style type="text/css">
 
 html, body { margin: 0; padding: 0; border: none; }
 div { height: 1px; background: blue;
-      border-left: 7px solid navy; border-right: 17px solid navy; }
+      border-left: 7px solid navy; border-right: 17px solid navy; margin-right: 19px; }
 
 </style>
 </head>
 <body>
 
 <!-- ***** WIDE WIDTH ***** -->
 
 <!-- nothing auto -->
--- a/layout/reftests/bugs/403519-2-ref.html
+++ b/layout/reftests/bugs/403519-2-ref.html
@@ -4,17 +4,17 @@
 <style>
 td {
   border: 1px solid black;
   background-color: lime;
 }
 table {
   border: 1px solid black;
   background-color: red;
-  width: 500px;
+  width: 200px;
   border-spacing: 0;
 }
 </style>
 </head>
 <body>
 <table>
   <tbody><tr>
     <td colspan="2" style="width: 100%;"><div>&nbsp;</div></td>
--- a/layout/reftests/bugs/403519-2.html
+++ b/layout/reftests/bugs/403519-2.html
@@ -4,17 +4,17 @@
 <style>
 td {
   border: 1px solid black;
   background-color: lime;
 }
 table {
   border: 1px solid black;
   background-color: red;
-  width: 500px;
+  width: 200px;
   border-spacing: 0;
 }
 </style>
 </head>
 <body>
 <table>
   <tbody><tr>
     <td colspan="2"><div style="margin: 0 100%;">&nbsp;</div></td>
--- a/layout/reftests/bugs/458296-1-ref.html
+++ b/layout/reftests/bugs/458296-1-ref.html
@@ -1,10 +1,10 @@
 <!DOCTYPE HTML>
 <html>
 <body>
 <div style="overflow:auto; width:300px; height:300px; background:green;">
   <div style="height:100px;"></div>
-  <div style="height:200px; margin-left:100px; width:100px; background:yellow;"></div>
+  <div style="height:200px; margin-left:100px; margin-right:100px; width:100px; background:yellow;"></div>
   <div style="height:100px;"></div>
 </div>
 </body>
 </html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/bugs/458296-1a-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE HTML>
+<html>
+<body>
+<div style="overflow:auto; width:300px; height:300px; background:green;">
+  <div style="height:100px;"></div>
+  <div style="height:200px; margin-left:100px; margin-right:100px; width:100px; background:yellow;"></div>
+</div>
+</body>
+</html>
--- a/layout/reftests/bugs/458296-1c.html
+++ b/layout/reftests/bugs/458296-1c.html
@@ -1,10 +1,10 @@
 <!DOCTYPE HTML>
 <html>
 <body>
 <div style="overflow:auto; width:300px; height:300px; background:green;">
   <div style="height:100px; margin-top:100px;">
-    <div style="height:200px; margin-left:100px; width:100px; margin-bottom:100px; background:yellow;"></div>
+    <div style="height:200px; margin-left:100px; width:100px; margin-bottom:100px; margin-right:100px; background:yellow;"></div>
   </div>
 </div>
 </body>
 </html>
--- a/layout/reftests/bugs/458296-1d.html
+++ b/layout/reftests/bugs/458296-1d.html
@@ -1,8 +1,8 @@
 <!DOCTYPE HTML>
 <html>
 <body>
 <div style="overflow:auto; width:300px; height:300px; background:green;">
-  <div style="height:200px; margin-left:100px; width:100px; margin-top:100px; float:left; margin-bottom:100px; background:yellow;"></div>
+  <div style="height:200px; margin:100px; width:100px; float:left; background:yellow;"></div>
 </div>
 </body>
 </html>
--- a/layout/reftests/bugs/665597-1-ref.html
+++ b/layout/reftests/bugs/665597-1-ref.html
@@ -8,16 +8,16 @@
 
 #content {
   height: 223px;
   margin-right: 5px;
   margin-left: 11px;
   background: aqua;
 }
 #gap {
-  height: 42px;
+  height: 35px;
 }
 
 </style>
 <div id="scroll"><div id="content"></div><div id="gap"></div></div>
 <script>
 document.getElementById("scroll").scrollTop = "1000";
 </script>
--- a/layout/reftests/bugs/reftest.list
+++ b/layout/reftests/bugs/reftest.list
@@ -1191,17 +1191,17 @@ fails-if(cocoaWidget) == 456147.xul 4561
 == 456219-1a.html 456219-1-ref.html
 == 456219-1b.html 456219-1-ref.html
 == 456219-1c.html 456219-1-ref.html
 == 456219-2.html 456219-2-ref.html
 == 456330-1.gif 456330-1-ref.png
 == 456484-1.html 456484-1-ref.html
 == 457398-1.html 457398-1-ref.html
 == 457398-2.html 457398-2-ref.html
-== 458296-1a.html 458296-1-ref.html
+== 458296-1a.html 458296-1a-ref.html
 == 458296-1b.html 458296-1-ref.html
 == 458296-1c.html 458296-1-ref.html
 == 458296-1d.html 458296-1-ref.html
 == 458487-1a.html 458487-1-ref.html
 == 458487-1b.html 458487-1-ref.html
 == 458487-1c.html 458487-1-ref.html
 == 458487-1d.html 458487-1-ref.html
 == 458487-1e.html 458487-1-ref.html
@@ -1562,17 +1562,17 @@ fails-if(Android) random-if(layersGPUAcc
 == 580160-1.html 580160-1-ref.html
 fails-if(/^Windows\x20NT\x205\.1/.test(http.oscpu)) HTTP(..) == 580863-1.html 580863-1-ref.html # bug 623454
 fails-if(Android) random-if(layersGPUAccelerated) fails-if(/^Windows\x20NT\x205\.1/.test(http.oscpu))  == 581317-1.html 581317-1-ref.html # bug 623456 for WinXP
 == 581579-1.html 581579-1-ref.html
 == 582037-1a.html 582037-1-ref.html
 == 582037-1b.html 582037-1-ref.html
 == 582037-2a.html 582037-2-ref.html
 == 582037-2b.html 582037-2-ref.html
-asserts(0-1) == 582146-1.html about:blank
+asserts(0-11) == 582146-1.html about:blank
 == 582476-1.svg 582476-1-ref.svg
 == 584400-dash-length.svg 584400-dash-length-ref.svg
 == 584699-1.html 584699-1-ref.html
 == 585598-2.xhtml 585598-2-ref.xhtml
 == 586400-1.html 586400-1-ref.html
 fails-if(Android) fails-if(cocoaWidget) == 586683-1.html 586683-1-ref.html
 == 589615-1a.xhtml 589615-1-ref.html
 == 589615-1b.html 589615-1-ref.html
--- a/layout/reftests/forms/progress/bar-pseudo-element-vertical-ref.html
+++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical-ref.html
@@ -12,19 +12,19 @@
     body > div:nth-child(5) > .progress-bar { }
     body > div:nth-child(6) > .progress-bar { height: -moz-calc(100% - 10px); }
     body > div:nth-child(7) > .progress-bar { position: relative; left: 10px; }
     body > div:nth-child(8) > .progress-bar { }
     body > div:nth-child(9) > .progress-bar { }
     body > div:nth-child(10) > .progress-bar { }
     body > div:nth-child(11) > .progress-bar { }
     /* 12 - 15 should have 100% width, no need to specify. */
-    body > div:nth-child(16) > .progress-bar { position: relative; top: 64px; left: 64px;
-                                               height: -moz-calc(100% - 32px);
-                                               width: -moz-calc(100% + 128px - 1em); }
+    body > div:nth-of-type(16) > .progress-bar { position: relative; top: 64px; left: 64px;
+                                                 height: -moz-calc(100% - 32px);
+                                                 width: -moz-calc(100% + 128px - 1em); }
   </style>
   <body>
     <div class="progress-element vertical">
       <div class="progress-bar">
       </div>
     </div>
     <div class="progress-element vertical">
       <div class="progress-bar">
@@ -77,14 +77,14 @@
     <div class="progress-element vertical">
       <div class="progress-bar">
       </div>
     </div>
     <div class="progress-element vertical">
       <div class="progress-bar">
       </div>
     </div>
-    <div class="progress-element vertical">
+    <br><div class="progress-element vertical">
       <div class="progress-bar">
       </div>
     </div>
   </body>
 </html>
--- a/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl-ref.html
+++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl-ref.html
@@ -12,20 +12,20 @@
     body > div:nth-child(5) > .progress-bar { }
     body > div:nth-child(6) > .progress-bar { height: -moz-calc(100% - 10px); }
     body > div:nth-child(7) > .progress-bar { position: relative; left: 10px; }
     body > div:nth-child(8) > .progress-bar { }
     body > div:nth-child(9) > .progress-bar { }
     body > div:nth-child(10) > .progress-bar {  }
     body > div:nth-child(11) > .progress-bar { }
     /* 12 - 15 should have 100% width, no need to specify. */
-    body > div:nth-child(16) > .progress-bar { position: relative; top: 64px;
-                                               left: -moz-calc(100% + 128px + 32px );
-                                               height: -moz-calc(100% - 32px);
-                                               width: -moz-calc(100% + 128px - 1em); }
+    body > div:nth-of-type(16) > .progress-bar { position: relative; top: 64px;
+                                                 left: -moz-calc(100% + 128px + 32px );
+                                                 height: -moz-calc(100% - 32px);
+                                                 width: -moz-calc(100% + 128px - 1em); }
   </style>
   <body dir='rtl'>
     <div class="progress-element vertical">
       <div class="progress-bar">
       </div>
     </div>
     <div class="progress-element vertical">
       <div class="progress-bar">
@@ -78,14 +78,14 @@
     <div class="progress-element vertical">
       <div class="progress-bar">
       </div>
     </div>
     <div class="progress-element vertical">
       <div class="progress-bar">
       </div>
     </div>
-    <div class="progress-element vertical">
+    <br><div class="progress-element vertical">
       <div class="progress-bar">
       </div>
     </div>
   </body>
 </html>
--- a/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl.html
+++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical-rtl.html
@@ -16,17 +16,17 @@
     body > progress:nth-child(8)::-moz-progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
     body > progress:nth-child(9)::-moz-progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
     body > progress:nth-child(10)::-moz-progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
     body > progress:nth-child(11)::-moz-progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
     body > progress:nth-child(12)::-moz-progress-bar { height: 1000px; }
     body > progress:nth-child(13)::-moz-progress-bar { height: 10px; }
     body > progress:nth-child(14)::-moz-progress-bar { height: 10%; }
     body > progress:nth-child(15)::-moz-progress-bar { height: 200%; }
-    body > progress:nth-child(16)::-moz-progress-bar { margin: 64px; padding: 64px; }
+    body > progress:nth-of-type(16)::-moz-progress-bar { margin: 64px; padding: 64px; }
   </style>
   <body dir='rtl'>
     <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
@@ -36,11 +36,11 @@
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
     <!-- Those will be used to change width. -->
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
-    <progress value='1'></progress>
+    <br><progress value='1'></progress>
   </body>
 </html>
--- a/layout/reftests/forms/progress/bar-pseudo-element-vertical.html
+++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical.html
@@ -16,17 +16,17 @@
     body > progress:nth-child(8)::-moz-progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
     body > progress:nth-child(9)::-moz-progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
     body > progress:nth-child(10)::-moz-progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
     body > progress:nth-child(11)::-moz-progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
     body > progress:nth-child(12)::-moz-progress-bar { height: 1000px; }
     body > progress:nth-child(13)::-moz-progress-bar { height: 10px; }
     body > progress:nth-child(14)::-moz-progress-bar { height: 10%; }
     body > progress:nth-child(15)::-moz-progress-bar { height: 200%; }
-    body > progress:nth-child(16)::-moz-progress-bar { margin: 64px; padding: 64px; }
+    body > progress:nth-of-type(16)::-moz-progress-bar { margin: 64px; padding: 64px; }
   </style>
   <body>
     <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
@@ -36,11 +36,11 @@
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
     <!-- Those will be used to change width. -->
     <progress value='1'></progress>
     <progress value='1'></progress>
     <progress value='1'></progress>
-    <progress value='1'></progress>
+    <br><progress value='1'></progress>
   </body>
 </html>
--- a/layout/reftests/margin-collapsing/block-overflow-3-ref.html
+++ b/layout/reftests/margin-collapsing/block-overflow-3-ref.html
@@ -2,25 +2,26 @@
 <html>
 <head>
 <style type="text/css">
 .a {
  height: 20px;
  background-color: green;
 }
 #b {
- height: 120px;
+ height: 160px;
  margin-top: 20px;
  margin-bottom: 20px;
- padding: 40px 0;
+ padding-top: 40px;
  background-color: green;
  overflow-y: scroll;
 }
 #c {
  height: 160px;
+ margin-bottom: 40px;
  background-color: blue;
 }
 </style>
 </head>
 <body>
 <div class="a"></div>
 <div id="b">
  <div id="c"></div>
--- a/layout/reftests/margin-collapsing/block-overflow-4-ref.html
+++ b/layout/reftests/margin-collapsing/block-overflow-4-ref.html
@@ -2,25 +2,26 @@
 <html>
 <head>
 <style type="text/css">
 .a {
  height: 20px;
  background-color: green;
 }
 #b {
- height: 120px;
+ height: 160px;
  margin-top: 20px;
  margin-bottom: 20px;
- padding: 40px 0;
+ padding-top: 40px;
  background-color: green;
  overflow: auto;
 }
 #c {
  height: 160px;
+ margin-bottom: 40px;
  background-color: blue;
 }
 </style>
 </head>
 <body>
 <div class="a"></div>
 <div id="b">
  <div id="c"></div>
--- a/toolkit/content/tests/browser/browser_bug295977_autoscroll_overflow.js
+++ b/toolkit/content/tests/browser/browser_bug295977_autoscroll_overflow.js
@@ -75,17 +75,17 @@ function test()
     <div id="c" style="width: 100px; height: 100px; overflow-x: auto; overflow-y: hidden;"><div style="width: 200px; height: 200px;"></div></div>\
     <div id="d" style="width: 100px; height: 100px; overflow-y: auto; overflow-x: hidden;"><div style="width: 200px; height: 200px;"></div></div>\
     <select id="e" style="width: 100px; height: 100px;" multiple="multiple"><option>aaaaaaaaaaaaaaaaaaaaaaaa</option><option>a</option><option>a</option>\
     <option>a</option><option>a</option><option>a</option><option>a</option><option>a</option><option>a</option><option>a</option>\
     <option>a</option><option>a</option><option>a</option><option>a</option><option>a</option><option>a</option><option>a</option></select>\
     <select id="f" style="width: 100px; height: 100px;"><option>a</option><option>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</option><option>a</option>\
     <option>a</option><option>a</option><option>a</option><option>a</option><option>a</option><option>a</option><option>a</option>\
     <option>a</option><option>a</option><option>a</option><option>a</option><option>a</option><option>a</option><option>a</option></select>\
-    <div id="g" style="width: 99px; height: 99px; padding: 10px; border: 10px solid black; margin: 10px; overflow: auto;"><div style="width: 100px; height: 100px;"></div></div>\
+    <div id="g" style="width: 99px; height: 99px; padding: 10px; border: 10px solid black; margin: 10px; overflow: auto;"><div style="width: 100px; height: 100px; margin: 10px;"></div></div>\
     <div id="h" style="width: 100px; height: 100px; overflow: -moz-hidden-unscrollable;"><div style="width: 200px; height: 200px;"></div></div>\
     <iframe id="iframe" style="display: none;"></iframe>\
     </body>';
   gBrowser.selectedBrowser.addEventListener("pageshow", onLoad, false);
   gBrowser.loadURI(dataUri);
 
   function onLoad() {
     gBrowser.selectedBrowser.removeEventListener("pageshow", onLoad, false);