<!DOCTYPE HTML>
<html>
<body>
    Test that verifies that clip paths with overflow:hidden composite correctly. <br>
    This page should show a green circle inside a yellow box.
    <div style="width:100px; height:100px; background-color:yellow;">
        <div style="width:100px; height:100px; background-color:red; -webkit-clip-path: circle(50px, 50px, 50px); overflow:hidden">
            <div style="width:100px; height:100px; background-color:green;"></div>
        </div>
    </div>
</body>
</html>