| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <html> | 
|  | 3   <head> | 
|  | 4     <title>Column rule in scrollable multicol container</title> | 
|  | 5     <style> | 
|  | 6       body { | 
|  | 7         margin: 0; | 
|  | 8       } | 
|  | 9       .mc { | 
|  | 10         columns: 2; | 
|  | 11         column-gap: 110px; | 
|  | 12         column-rule: 100px solid; | 
|  | 13         -moz-columns: 2; | 
|  | 14         -moz-column-gap: 110px; | 
|  | 15         -moz-column-rule: 100px solid; | 
|  | 16         -webkit-columns: 2; | 
|  | 17         -webkit-column-gap: 110px; | 
|  | 18         -webkit-column-rule: 100px solid; | 
|  | 19         orphans: 1; | 
|  | 20         widows: 1; | 
|  | 21         height: 100px; | 
|  | 22         overflow: hidden; | 
|  | 23       } | 
|  | 24     </style> | 
|  | 25     <script> | 
|  | 26       if (window.testRunner) | 
|  | 27         testRunner.waitUntilDone(); | 
|  | 28       function foo() { | 
|  | 29         document.getElementById('elm').scrollLeft = 200; | 
|  | 30         if (window.testRunner) | 
|  | 31           testRunner.notifyDone(); | 
|  | 32       } | 
|  | 33     </script> | 
|  | 34   </head> | 
|  | 35   <body onload="foo()"> | 
|  | 36     <p>There should be <b>two</b> black squares below.</p> | 
|  | 37     <div id="elm" class="mc"> | 
|  | 38       <div style="height:600px;"></div> | 
|  | 39     </div> | 
|  | 40   </body> | 
|  | 41 </html> | 
| OLD | NEW | 
|---|