css - スパンインサイトのアンカー-IE9では機能しません

Question

重複の可能性
::アクティブなcssセレクターがIE8およびIE9で機能しない

次の問題があります。内部にスパンのある定型化されたリンクボタンがあります（asp.net）

 <asp:LinkButton ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" CssClass="button"><span><%# Resources.Resource.BUTTON_SEND %></span></asp:LinkButton> <br />                  

そしてCSSでは：

.button 
{
background: transparent url(../Images/button/button_right.png) no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 34px;
margin-right: 6px;
padding-right: 11px; /* sliding doors padding */
text-decoration: none;  
}

.button  span
{  
background: transparent url(../Images/button/button_left.png) no-repeat;
display: block;
line-height: 14px;
padding: 10px 0 10px 12px;
color: #BFD7FF;
}

.button:active 
{
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}

.button:active  span
{   
background-position: bottom left;
padding: 11px 0 9px 12px; /* push text down 1px */
color: White;
}

私の画像があります：

Firefoxでは、Chromeは正常に機能しますが、IE9では：activeはトリガーされません。それを正しく機能させるためのトリックはありますか？

よろしく、ダグナ