title: How to make :active state work in IE?
body: <p>I have a button in my html form and need to change it's background image when it is clicked using css. it works perfect in FF but it seems that IE doesnt support <code>:active</code> state.  </p>
  
  <p>Here is my code:  </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;button class='button'&gt;Click Me&lt;/button&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.button {
      width: 118px;
      height: 33px;
      background: url(/images/admin/btn.png) no-repeat center top;
      border: none;
      outline: none;
  }
  .button:active {
      background-position: center bottom;
  }
  </code></pre>