| <!-- this test should display two identical yellow squares --> | |
| <style type="text/css"> | |
| h1 { | |
| outline: 5px solid yellow; | |
| margin-top: 0px; | |
| } | |
| div { | |
| width:200px; | |
| height:100px; | |
| margin-bottom: 20px; | |
| } | |
| </style> | |
| <body> | |
| <div style="border: 1px solid red"> | |
| <div> | |
| <h1> </h1> | |
| </div> | |
| </div> | |
| <div style="border: 1px solid red; overflow: hidden;"> | |
| <div> | |
| <h1> </h1> | |
| </div> | |
| </div> | |
| <div> | |
| <h1> </h1> | |
| </div> | |
| </body> |