title: a: visited {text decoration: none} not working in Firefox
body: <p>I have an image that is a link. When I click on it it sends me somewhere and then if I click back to return on that page that image has a 1px dotted blue border around itself. Furthermore, if I click on it and hold that border becomes red. This is really bad looking and I cannot find a way to delete that border.
  I've tried with </p>
  
  <pre><code>a:visited {text-decoration: none}
  a:active {text-decoration: none}
  </code></pre>
  
  <p>and with:</p>
  
  <pre><code>a:visited img{text-decoration: none}
  a:active img{text-decoration: none}
  </code></pre>
  
  <p>with no effect.
  By the way, this border does not appear in chrome. </p>
  
  <p>Here is my css code regarded to that image:</p>
  
  <pre><code>#back_to_photos{
  float:right;
  position: relative;
  margin-top:-238px;
  margin-right: 40px;
  
  }
  a:visited {text-decoration: none}
  a:active {text-decoration: none}
  </code></pre>
  
  <p>Thank you!</p>