<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <style> .green { width: 100px; height: 200px; background-color: green; border: 10px solid red; } .clip { clip: rect(10px 110px 110px 10px); } .positioned { position: absolute; overflow: scroll; } .tall { height: 1000px; } </style> <body> You should see a 100x100 green square with a scrollbar below. If you see any red, the test has failed. This test is checking to make sure clip applies to the element itself, starts from the border edge, and clips out scrollbars. The bottom of the scrolling mechanism should be clipped. <div class="clip green positioned"> <div class="tall"></div> </div>