css - a:active の外観が ie7 と ie8 で異なる

Question

最近、私を混乱させるバグに遭遇しました。たとえば、ここでは、スタイル a{font:14px}とa.active{font:18px}. タグをクリックするとフォントサイズが18pxになり、マウスを離すと14pxになりました。それでもIE7では、タグをクリックした後、そのサイズは18pxになり、マウスを離してもフォントサイズは変わりませんでした。

    .button:active{
         font-size:18px;
}