title: How to get rid of border around and image used as a link in Firefox?
body: <p>Weird question I think its more of I am not sure what it is called. But I have an img wrapped in an link</p>
  
  <p>example</p>
  
  <pre><code>...&lt;li&gt;
    &lt;a href="#link"&gt;
      &lt;img ...&gt;
    &lt;/a&gt;
   &lt;/li&gt; .....
  </code></pre>
  
  <p>Now I have the css border rules all to 0. So their is no Blue border. But in Firefox their seems to be a pink mini dashed border only when I click on the image? In other browsers there is no border at any time. Im not sure if its from the browser itself or something I am missing. In my css I have border set to 0 on the a,:hover,:visited I even put text-decoration to none thinking that might help. But to know avail. I tried searching online for help but all I get is info on removing the border caused from placing the image in the link. So any help or a point in the right direction would be great. ! 
  edit// I added a picture to better explain what I am talking about.
  <a href="https://i.stack.imgur.com/5Y2Lw.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5Y2Lw.jpg" alt="alt text"></a>
  </p>