Q:

Border-color transition css3 bug

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.
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.
You can see the problem there: http://jsfiddle.net/u3Ahk/15/
.bouton a {
    transition: background-color 1s, border-color 1s;
    padding: 5px 7px 8px 7px;
    text-decoration: none;
}

Thanks in advance !

A:

Updated fiddle.
Explicitly state the transparent border in the normal state of the link:
.bouton a {
    transition: background-color 1s, border-color 1s;
    padding: 5px 7px 8px 7px;
    text-decoration: none;
    border: 1px solid transparent; /* this */
}

