| <!DOCTYPE html> |
| <div style="position: absolute; top: 10px; left: 10px; height: 100px;"> |
| There should be one green box below. A red box may be seen briefly, but the page should settle |
| on showing only the one green box. Intent is to ensure that we accurately repaint the red box |
| region when (1) the green box containing the red box ceases to be a stacking context, and (2) |
| the red box is hidden. |
| </div> |
| <div id="outer" style="background-color: green; height: 100px; width: 100px; position: relative; top: 270px; left: 270px;"> |
| </div> |