奇怪：IE8中的主动行为

Question

我遇到IE8的问题，当在链接中单击图像时，IE不会触发：active选择器。

实施例

HTML：

<a href="#"><img src="http://www.w3schools.com/images/pulpit.jpg"></a>

CSS：

a {
    display:inline-block;
    padding:10px;
    border:1px solid #F00;
}
a:hover {
    border-color:#0F0;
}
a:active {
    border-color:#00F;
}

现场演示：jsFiddle

单击图像周围的区域时，链接正常，但单击图像本身时，无法更新。

有关为何发生这种情况以及是否有任何变通方法的任何想法？由于它主要工作，我不介意在需要时附加一些JavaScript。

Answer 1

如果你把状态放在img上可能会更好，但我无法摆脱大纲。 http://jsfiddle.net/wSp7J/3/