css - Anchor with span insite - in IE9 doesn't working

Question

Possible Duplicate:
:active css selector not working for IE8 and IE9

I have following problem. I have my stylised linkbutton with span inside (asp.net)

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

And in 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;
}

there are my images:

In firefox, chrome work fine, but in IE9 :active not trigger. Is any trick to make it work correctly?

Best regards, Dagna