<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" onload="runTest()">
    <script>
        function runTest()
        {
            if (document.styleSheets[0].title == "basic") {
                document.getElementById("q").setAttribute("title", "advanced");
                if (document.styleSheets[0].title == "advanced") {
                    document.getElementById("passed").setAttribute("fill", "green");
                }
            }
        }
    </script>
    <style type="text/css" title="basic" id="q"><![CDATA[
        #foo {
            stop-color: red auto;
        }
    ]]></style>
    <rect id="passed" x="0" y="0" width="100" height="100" fill="red"/>
</svg>