<!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; } .clip { clip: rect(0px 100px 100px 0px); } .positioned { position: fixed; } .overflow { overflow: hidden; } </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 clip is applying to all descendants. <div class="clip green positioned"> <div class="red"></div> <div class="red overflow"></div> </div>