title: removing border around an <img> tag and jQuery lazy loading
body: <p>I have the following html:</p>
  
  <pre><code>&lt;div class="compPhoto compPhoto3"&gt;
            &lt;img class="lazy" src="" alt="" data-original="http://distilleryimage4.s3.amazonaws.com/c77631323e0411e394d322000a1f8c09_8.jpg" width="289" ;="" height="289"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am actually using jQuery lazy load to load the images, however in the src tag I decided not to use an image, instead I just want to use a background. However then it gives me weird frame around the img:</p>
  
  <p><img src="https://i.stack.imgur.com/EgVY7.png" alt="enter image description here"></p>
  
  <p>I tried setting <code>border: none</code>, but it has no impact.<br/>
  Any ideas on removing the border? </p>