title: CSS button permanently pushed down state
body: <p>I'm trying to get a button to stay pushed down when clicked on. However, the box-shadow portion in what I'm working with, and the CSS active state part are both confusing me.</p>
  
  <p>I know this is doable considering this code: <a href="http://jsfiddle.net/UEkBQ/" rel="nofollow">http://jsfiddle.net/UEkBQ/</a></p>
  
  <p>This is the code I'm working with: <a href="http://jsfiddle.net/frnYf/" rel="nofollow">http://jsfiddle.net/frnYf/</a></p>
  
  <p>It seems that the CSS "#button:active" is constantly functional, while I only want it to be toggled when clicked on.</p>