| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3 <style> | 3 <style> | 
| 4     div { | 4     div { | 
| 5         height: 100px; | 5         height: 100px; | 
| 6         width: 100px; | 6         width: 100px; | 
| 7     } | 7     } | 
| 8 | 8 | 
| 9     div#wrapper { | 9     div#wrapper { | 
| 10         margin-left: 100px; | 10         margin-left: 100px; | 
| 11         margin-top: 100px; | 11         margin-top: 100px; | 
| 12         background-color: green; | 12         background-color: green; | 
| 13         overflow: hidden; | 13         overflow: hidden; | 
| 14     } | 14     } | 
| 15 | 15 | 
| 16     div#startOverflow { | 16     div#startOverflow { | 
| 17         background-color: red; | 17         background-color: red; | 
| 18         position: relative; | 18         position: relative; | 
| 19         left: -100px; | 19         left: -100px; | 
| 20     } | 20     } | 
| 21 </style> | 21 </style> | 
| 22 <body> | 22 <body> | 
| 23 <a href="https://bugs.webkit.org/show_bug.cgi?id=82129">82129</a>: REGRESSION (r
    110065-r110080): Content drawing outside overflow: hidden at ynet.co.il</a> | 23 <a href="https://bugs.webkit.org/show_bug.cgi?id=82129">82129</a>: REGRESSION (r
    110065-r110080): Content drawing outside overflow: hidden at ynet.co.il</a> | 
| 24 <p>Your shouldn't see any red on this page, just a green square.</p> | 24 <p>Your shouldn't see any red on this page, just a green square.</p> | 
| 25 <div id="wrapper"> | 25 <div id="wrapper"> | 
| 26     <div id="startOverflow"></div> | 26     <div id="startOverflow"></div> | 
| 27 </div> | 27 </div> | 
| 28 </body> | 28 </body> | 
| 29 </html> | 29 </html> | 
| OLD | NEW | 
|---|