<svg xmlns="http://www.w3.org/2000/svg" 
     xmlns:html="http://www.w3.org/1999/xhtml" 
     onload="setTimeout(boom, 200);"
     class="reftest-wait">

<html:script>

function boom()
{
  try {
    document.getElementById("grad2").gradientUnits.baseVal = "y";
  } catch (e) {
  }
  
  document.documentElement.removeAttribute("class");
}

</html:script>



<radialGradient id="grad2" gradientUnits="userSpaceOnUse" cx="240" cy="210" r="220" fx="240" fy="210">
  <stop stop-color="black"  offset="0"/>
  <stop stop-color="yellow"  offset="0.2"/>
  <stop stop-color="red"  offset="0.4"/>
  <stop stop-color="blue"  offset="0.6"/>
  <stop stop-color="white"  offset="0.8"/>
  <stop stop-color="green"  offset="1"/>
</radialGradient>

<rect x="20" y="150" width="440" height="80" fill="url(#grad2)" stroke-width="40"/>

</svg>