title: clip-path polygon not working on chrome
body: <p>Hi,</p>
  
  <p>I have this SVG file:</p>
  
  <pre><code>&lt;svg preserveAspectRatio="" viewBox="0 0 130 280" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="280px" width="130px"&gt;
   &lt;clipPath id="search"&gt;
    &lt;polygon points="8.96671,272.712 118.624,272.876 118.624,276.683 117.128,278.335 34.7667,278.417 33.1129,279.327 13.9283,279.327 9.29748,275.689 9.29748,272.546"/&gt;
   &lt;/clipPath&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>My CSS code:</p>
  
  <pre><code>clip-path:url("file.svg#search");
  -webkit-clip-path:url(file.svg#search);
  </code></pre>
  
  <p>the element is clipped on Firefox but not on Chrome. Why is that?</p>
  
  <p>Thank you.</p>