.sidebar_menu:active not works? Need help

[rahulephp]

Hi there,
Kindly have a look on below CSS property.
What i want to ask is: when i'll click on a button, it should be look active. I mean it would have to get property of .sidebar_menu:active
But it doen't works.
Please elp me out from this.




<!--Sidebar menu button start-->

.input {
color : #FF9000;
font-size:20px;
;
}

.sidebar_menu{
border: 0px;
background: url('images/word-real.jpg') no-repeat top left;
font-size:18px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica;;
width:97px;
height:42px

}
.sidebar_menu:hover {
border: 0px;
background: url('images/word-over.jpg') no-repeat top left;
color:#009BC9;

}

.sidebar_menu:active {
border: 0px;
background: url('images/word-over.jpg') no-repeat top left;
color:#009BC9;
}

br { clear: left; }
<!--Sidebar menu button End-->




<a rel="11"><input type="button" value="worship" class="sidebar_menu"/></a>
<a rel="22"><input type="button" value="prayer" class="sidebar_menu"/></a>
<a rel="33"><input type="button" value="cell" class="sidebar_menu"/></a>
<a rel="44"><input type="button" value="city" class="sidebar_menu"/></a>
<a rel="55"><input type="button" value="mission" class="sidebar_menu"/></a>

[hsriat]

I think :active does not work with IE if applied to anything other than <a> link.

Did you test it in Firefox, Opera or Safari?