<html> <body style="overflow: hidden;"> Make sure that overflow:auto/hidden/scroll blocks interleave their background and foreground with other overlapping blocks in the normal flow. <div style="overflow:auto; width:300px; height:300px; background-color:lime; ">Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> Hello world<br> </div> <div style="background-color:yellow;width:300px;height:300px; font-size:48px; margin-top:-50px">This text overlaps.</div>