title: Bug in Safari 9? adding blue color to links' border
body: <p>I'm having some funny behavior with Safari 9 and a list of links with border.</p>
  
  <p><a href="https://i.stack.imgur.com/QavFO.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QavFO.gif" alt="enter image description here"></a></p>
  
  <p><a href="https://jsfiddle.net/a69q2b6r/9/" rel="nofollow noreferrer">Reproduction online</a></p>
  
  <p>I isolated the problem as much as I could. It seems to get solved when:</p>
  
  <ul>
  <li>I remove the <code>absolute</code> position from <code>#fp-nav ul li a</code></li>
  <li>Or whenever I use a bigger <code>width</code> in <code>#fp-nav ul li a</code> </li>
  <li>Or when I remove the style <code>#fp-nav ul li:hover a span</code></li>
  </ul>
  
  <p>And probably there are more cases, but nevertheless none of them make any sense to me, so I believe we are talking about a weird bug in Safari 9.X.</p>
  
  <p>The problem <a href="https://github.com/alvarotrigo/fullPage.js/issues/1863#issuecomment-203850321" rel="nofollow noreferrer">was reported</a> by a developer who found it using a javascript library. (fullPage.js)</p>