IE11で、子要素をクリックしても親要素の:activeに指定したスタイルが反映されない

Question

HTML5、CSS3で開発しています。
要素をネストさせ、親要素の:activeにスタイルを指定している場合に、
子要素をクリックしても親要素のactiveが呼び出されません。
（下の例で言うと、「文字列１」をクリックしても、a要素の背景色が#aaaに変わりません。）
IE11でのみこのような現象が起きます。Chromeでは子要素をクリックすると親要素のactiveが呼び出されます。
子要素のクリックでも、親要素全体の色が変わるようにしたいです。
テクニックがあればご教授願いたいです。

<a>
   <div>文字列１</div>
   <div>文字列２</div>
</a>

a{
   display:block;
   padding:5px;
   background-color:#ddd;
}
a:active{
   background-color:#aaa;
}

Answer 1

どうもa要素の中に何か別要素が入ったら:activeは反応しないようですね。
というわけでこういうのはどうでしょう？
一応IE11で確認しましたが大丈夫っぽかったです。

a div {
    pointer-events: none; /* マウスのターゲットから外す */
}

Comments

[nae_stage]

pointer-events: none;はこういう使い方ができるんですね・・・感動しました。
大変助かりました！ありがとうございました！！