Estoy tratando de quitar elEfecto de clic 3D en los botones en Internet Explorer (estoy usando IE10).

Lo he intentado con:

button:active {
  position: relative; 
  left: -1px; 
  top: -1px; 
}

Pero esto hace que todo el botón se desplace 1 px arriba a la izquierda (no es el comportamiento que estoy buscando).
Solo quiero que el texto permanezca en la misma posición incluso cuando se hace clic.

He encontradoesta pregunta Sin buenas respuestas, así que estoy preguntando aquí.

Este es mi código hasta ahora:
http://codepen.io/anon/pen/aliFb