title: grayscale filter not working in android phone default browser
body: <p>i have written the grayscale for a image in ccs using the below css</p>
  
  <pre><code>img.grayscale {
  filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ &amp; Safari 6+ */
  }
  
  img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  }
  </code></pre>
  
  <p>It is working fine in my desktop browser. But in my android phone, tablet it is not working in default browser. working in firefox browser. </p>