<!DOCTYPE html>
<html>
    <head>
        <title>CSS Test: -apple-color-filter reference</title>
        <link rel="author" title="Apple" href="http://www.apple.com/">

        <style>
        #test-container {
            height: 50px;
            width: 50px;
        }

        #mock-caret {
            width: 50px;
            height: 100px;
            position: absolute;
            top: 100px;
            left: 8px;
            background-color: green;
        }
        </style>
    </head>
    <body>
        <p>The caret should show as a green flashing square below.</p>
        <div id="test-container">
            <div id="mock-caret"></div>
        </div>
    </body>
</html>
