Evite que el se desplace durante el clic en IE

Cuando tiene un elemento simple en una página y hace clic en él (mantenga presionado el mouse durante el clic para ver el efecto) en IE8 / 9, el botón se desplaza un poco hacia abajo y hacia la derecha.

Supongo que esto es parte del estilo predeterminado de IE. ¿Hay alguna forma de prevenir este comportamiento?

http://jsfiddle.net/tmcconechy/hqm59/

Puede detener el movimiento del texto en el botón IE:

button:active span, button:focus span { position:relative; top: 0; left: 0; }  

http://jsfiddle.net/dQVA7/

Ponga su texto en un y position:relative en él, lo arreglará.

 button span{ position: relative; } 

Sin necesidad de definición superior e izquierda .

Puede aplicar algunos estilos al botón. botón {margen: 0px; relleno: 0px;}

Si no te importa usar JavaScript, al parecer, este es el truco:

 $(document).on('mousedown', 'button, input[type="button"], input[type="submit"]', function(e) { e.preventDefault(); });