title: :active does not work in IE8
body: <p>The :active code works in all browsers, <strong>except IE8</strong> (not 9).  I've looked at other similar questions to this and have tried different methods.  This is the code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="main" style="color:white;font-family:Georgia"&gt;
     &lt;div id="button" onmouseup="someFunction()"&gt;&lt;/div&gt;
     &lt;!-- other things --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#button
  {
    position: relative;
    width: 241px;
    height: 41px;
    background-image:url("images/buttonStatic.png");
    display: none;
  }
  
  #button:hover
  {
    background-image:url("images/buttonHover.png");
  }
  
  #button:active
  {
    background-image:url("images/buttonActive.png");
  }
  </code></pre>
  
  <p>The button displays proper, changes to the second button when I hover over it properly, but doesn't change to the third button when I click on it.</p>