<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <style> .green { width: 100px; height: 100px; background-color: green; } .red { width: 100px; height: 100px; margin-top: 100px; margin-left: 100px; background-color: red; } .overflow { overflow: hidden; } .positioned { position: relative; } </style> <body> You should see a 100x100 green square below. If you see any red, the test has failed. This test is checking to make sure overflow is done using a containing block model. <div class="overflow green positioned"> <div class="red"></div> <div class="red positioned"></div> </div>