带有span insite的锚点 - 在IE9中无法正常工作

Question

  

可能重复：
  :active css selector not working for IE8 and 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不会触发。有什么技巧可以让它正常工作吗？

祝你好运， 达格纳