title: Onclick apply to padding and movement of button
body: <p>I gave an anchor element a box shadow, and on <strong>:active</strong> I make the box-shadow disappear and the button itself moves to give the illusion of being pressed down.</p>
  
  <p>The thing is, I want both the <strong>padding</strong> and the <strong>original area</strong> to be part of the click action. </p>
  
  <p>Here's the <a href="http://jsfiddle.net/GXxKN/" rel="nofollow"><strong>fiddle</strong></a> and my code for when the button is active:</p>
  
  <pre><code>.uploadButton:active {
      top: 7px;
      box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);    
      color: #fff !important;
  }
  </code></pre>