<!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>