title: Clicking a child doesn't trigger the parent's :active state in IE
body: <p>I have found an irritating bug in IE 8-10 that prevents a parent's active state being triggered. It appears that if a child of the parent element is the target of the click event the active state on the parent element is not triggered.</p>
  
  <p><a href="http://jsfiddle.net/WilsonPage/6FYFj/1/" rel="noreferrer">Here is a working example</a>. If you click the text inside the <code>&lt;li&gt;</code> the element wont change colour. If you click inside an <code>&lt;li&gt;</code> anywhere other than on the <code>&lt;p&gt;</code> child the element will turn blue.</p>
  
  <p>This is a problem as it pretty much renders the css :active pseudo state useless in IE if the element has any children.</p>
  
  <p>Has anyone encountered this problem before, and even better found a way round it? </p>