title: Border-color transition css3 bug
body: <p>I was trying to do a transition on a border-color property on my website, but I have a little bug on it and I don't know where he comes from.</p>
  
  <p>When my mouse is on the button/link, the border becomes blue and then the transition comes.
  I tried this code on firefox/chrome/opera and this problem appear on all of them, so it's probably an error from me.</p>
  
  <p>You can see the problem there: <a href="http://jsfiddle.net/u3Ahk/15/" rel="nofollow">http://jsfiddle.net/u3Ahk/15/</a></p>
  
  <pre><code>.bouton a {
      transition: background-color 1s, border-color 1s;
      padding: 5px 7px 8px 7px;
      text-decoration: none;
  }
  </code></pre>
  
  <p>Thanks in advance !</p>