Webkit SVG Bugs: <use> + <filter>

should-work.html

<svg style="border:1px solid #000;" width="240" height="200">
  <defs>
     <symbol id="imageRef">
       <image xlink:href="http://www.howtocleanstuff.net/wp-content/uploads/boat.jpg" width="100%" height="100%" />
     </symbol>
     <filter id="filterRef" height="10" width="10" x="-5" y="-5">
       <feGaussianBlur stdDeviation="1"></feGaussianBlur>
     </filter>
 </defs>
  <!-- reuse image reference and apply a blur filter //-->
 <use xlink:href="#imageRef" filter="url(#filterRef)" width="200" height="200" />
</svg>

workaround.html

<svg style="border:1px solid #000;" width="240" height="200">
  <defs>
     <symbol id="imageRef">
       <image xlink:href="http://www.howtocleanstuff.net/wp-content/uploads/boat.jpg" width="100%" height="100%" />
     </symbol>
     <filter id="filterRef" height="10" width="10" x="-5" y="-5">
       <feGaussianBlur stdDeviation="1"></feGaussianBlur>
     </filter>
 </defs>
 <!-- wrap use element by a group-element //-->
 <g filter="url(#filterRef)">
   <use xlink:href="#imageRef" x="20" y="0" width="200" height="200" />
 </g>
</svg>