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

<html:script>
<![CDATA[

function boom()
{
  var grad = document.getElementById("grad");
  var g = document.getElementById("g");
  grad.appendChild(g);
  g.removeAttribute("transform");
  document.documentElement.removeAttribute("class");
}

]]>
</html:script>


  <g id="g" transform="translate(500,0)">
    <text x="25" y="85">Foo</text>
  </g>


  <linearGradient id="grad" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1">
    <stop stop-color="blue" offset="0.2"/>
    <stop stop-color="lime" offset="0.4"/>
  </linearGradient>


</svg>