title: Google Chrome autofill removing background image
body: <p>When I <strong>write</strong> in the email box the email, I have no problem and displays perfectly.
  But when google chrome decides to autofill, the image on the left is removed.
  <a href="http://s9.postimg.org/suz3z56f3/Sem_t_tulo.jpg">http://s9.postimg.org/suz3z56f3/Sem_t_tulo.jpg</a></p>
  
  <p>I've read some topics about hacking that yellow background, which works, but the image continues to disappear.</p>
  
  <pre><code>input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px white inset;
  }
  </code></pre>
  
  <p>// html</p>
  
  <pre><code>&lt;input type='email' class='email' placeholder='email'/&gt;
  </code></pre>
  
  <p>// css</p>
  
  <pre><code>.email{
      background-image: url('http://www.letsgocook.net/sites/default/img/email.png');
      background-repeat: no-repeat;
      padding-left: 35px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9AM6X/">http://jsfiddle.net/9AM6X/</a> > example, but no showing the error because I can't replicate the autofill of chrome in jsfiddle.</p>