Outline sur les éléments en ligne dans buggy FF?

Question

Le contour n'est pas placé correctement sur les éléments en ligne dans Firefox. Il y a un espace entre le fond et le contour.

Des suggestions pour éviter cela?

strong 
{ 
    background: #3690f0; 
    color: white; 
    outline: 1px solid black; 
} 

http://jsfiddle.net/Yz9cA/

Answer 1

Firefox a un bug dans les grandes lignes de dessin (voir plus ici: https://bugzilla.mozilla.org/show_bug.cgi?id=480888). Vous pouvez contourner l'utilisation de box-shadow:

strong 
{ 
    background: #3690f0; 
    color: white; 
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,1); 
}