boton rollover con css

Como estan. Tengo el siguiente problema. Cree un boton muy sencillo en html y lo "adorne" un poco con un css. Aqui van los codigos:

HTML:

<input type="button" class="boton" value="Volver al Menu"onclick="location.href='principal.php'">

CSS:

.boton { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #FFFFFF; width:122; height: 24; background-color: #6699CC;
border: 1px solid #000099;
}

Hasta aqui todo perfecto. Ahora bien, quiero que cuando paso el mouse por el boton, éste haga algun efecto.
Por lo tanto hice lo siguiente en el css:

.boton:hover {
background-color: #C0C0C0;
color: #333333;
}

y nada....
probé de la siguiente manera:

.boton:active {
background-color: #C0C0C0;
color: #333333;
}

y nada tampoco......

por lo tanto y resumiendo, mi pedido de auxilio es si alguien sabe como hacer un rollover desde el css (sin a href por favor). Desde ya Muchisimas gracias.

IE no permite hover mas que en los <a>, probablemente te gustaria probar el hack csshover

osea que para un hover en IE tendria que poner algo asi:

<a href=principal.php>
<input type="button" class="boton" value="Volver al Menu"></a>

pero el problemas es que con este codigo, al hacer click sobre el boton no me redirecciona a ningun lado....

POR FAVOR AYUDA!!!!!!!!

mas bien <a href="principal.php>Volver al Menu</a>

Esta bien...esa es la idea...el problema es que ese codigo es para un hypervinculo...pero no me sirve en el caso de los "submit".... Como seria en ese caso tenes idea?

intentaste la solucion del csshover?

tambien podrias intentar con onmouseover