title: Remove 3D press effect Internet Explorer button
body: <p>I'm trying to remove the <em>3D click effect</em> on buttons in Internet Explorer (I'm using IE10).</p>
  
  <p>I have tried with:</p>
  
  <pre><code>button:active {
    position: relative; 
    left: -1px; 
    top: -1px; 
  }
  </code></pre>
  
  <p>But this makes the entire button shifts 1 px top-left (not the behavior I'm looking for).<br>
  I want just to make the text stay in the same position even when clicked.</p>
  
  <p>I've found <a href="https://stackoverflow.com/questions/8704736/i-cant-remove-the-pressed-effect-of-buttons-in-internet-explorer-9">this question</a> with no good answers so I'm asking here.</p>
  
  <p>This is my code so far:<br>
  <a href="http://codepen.io/anon/pen/aliFb" rel="nofollow noreferrer">http://codepen.io/anon/pen/aliFb</a></p>