Botón dividido que muestra diferente en Chrome y Firefox

Question

Tengo el siguiente botón dividido, hecho de

http://jsfiddle.net/periklis/b8pqg/

Sin embargo, aunque se ve bien en Chrome, en Firefox (10) la parte del botón parece ligeramente fuera de lugar. Si la convierto, se ve bien, pero eso no es lo que quiero. ¿Alguna pista?

Answer 1

Acabo de escuchar los chicos de Bootstrap (https://github.com/twitter/bootstrap/issues/2134) y parece que todavía están trabajando en esto y problemas similares. Sugirieron usar un elemento de botón (que no me queda bien, pero lo que sea)

Nota para el futuro: esto es para bootstrap versión 2.0

Answer 2

No estoy seguro si este es el mismo problema, pero cuando se usa Bootstrap en ASP.NET descubrí que los botones tenían un lado izquierdo de color descuidado, particularmente malo en FF, pero menos en Chrome e IE.

Si agregas border-left: #0074cc 1px solid; al estilo para btn-primary desaparece y el 1px El borde es lo suficientemente pequeño como para no ser notable.