| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| You should see the text 'after' in the inner box, no mangled pixels. | |
| <div style="position: absolute; width: 300px; height: 300px; border: solid 1px yellow"> | |
| <div style="width: 299px; height: 299px; border-width: 0px 1px 1px 0px; border-style: solid; border-color: red;"> | |
| <div style="position: relative; width: 100px; height: 100px; left: 92px; top: 92px; border: solid 1px green;">after</div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |