title: Remove line under image in link
body: <p>I have a few instances where I place image within a link. Normally if you set border="0" there line under a link does not apply to the image. However, I had to specify DOCTYPE to be <strong></strong> and now in FF I see the line under all images.</p>
  
  <p>I still would like to have my links underlined, but not the images within.</p>
  
  <pre><code>&lt;a href="link.php"&gt;&lt;img src="img.png" height="16" width="16" border="0"&gt; link&lt;/a&gt; 
  </code></pre>
  
  <p>I've tried to solve it with CSS by adding</p>
  
  <pre><code>a img {
      text-decoration:none
  }
  </code></pre>
  
  <p>Unfortunately it did not work. I also tried:</p>
  
  <pre><code>a img {
      border:0
  }
  </code></pre>
  
  <p>IE does not "underline" my images within a link... Any suggestions would be highly appreciated. </p>
  
  <p><a href="http://www.jsfiddle.net/UtKYn/6/" rel="noreferrer">Example Link</a></p>
  
  <p><img src="https://i.stack.imgur.com/FcnRx.gif" alt="enter image description here"></p>
  
  <p>I still would like to have my links underlined, but not the images within.</p>