title: Firefox anchor sinking on ":active"
body: <p>Faced with the problem in firefox.</p>
  
  <p>You can see it here: <a href="http://codepen.io/css-tricks/pen/GtHfd" rel="nofollow noreferrer">link</a></p>
  
  <p>On click and hold the text "Click Me" goes down on one pixel. If you move away your cursor while holding the mouse button and release it on empty space - the text "Click Me" won't go up on one pixel. It will after you click on other element or empty space. <br>
  Chrome does not have this kind of behavior.</p>
  
  <p>Including images to get it more clearer:
  <br>
  1.While clicked on text and after button release on empty space<br>
  <img src="https://i.stack.imgur.com/IacqX.png" alt="While clicked on text and after button release on empty space">
  <br>
  2.On idle and after clicking on other element<br>
  <img src="https://i.stack.imgur.com/vC9Nx.jpg" alt="On idle and after clicking on other element"></p>
  
  <p><strong>OS:</strong> Windows 8.1
  <br>
  <strong>Browser version:</strong> 33.1</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;a href="#"&gt;Click Me&lt;/a&gt;
  a { 
    position: relative;
  }
  a:active {
    top: 1px;
  }
  </code></pre>