input:hover (botón) alternativa para IE

[T_O_N_N_Y]

Hola, buenas tardes!

Estoy creando un formulario para enviar por correo los datos, pero quiero hacer una cosa que con IE (para variar) no funciona porque solo acepta :hover en links (<a>), bueno, al grano ;)

La cuestión es poner una imagen de fondo a un boton, y al pasar el mouse por encima que cambie, lo he hecho de la siguiente forma:

Código PHP:

  El boton: 
<input name="submit" type=submit class=boton value = "Reservar"> 
El css: 
.boton { 
width: 95px; 
color:#776655; 
font-size: 11px; 
height: 30px; 
border-width:0px; 
text-align:center; 
font-weight:bold; 
background: url(../images/boton.gif) no-repeat; 
} 
.boton:hover { 
width: 95px; 
color:#000; 
font-size: 11px; 
height: 30px; 
border-width:0px; 
text-align:center; 
font-weight:bold; 
background: url(../images/boton_hover.gif) no-repeat; 
}  
   

En FF se ve perfectamente, pero en IE 6, pues para variar no :(

Alguna alternativa que no sea <a href=# class=boton></a> ??

Saludos!!!!

[Mikmoro]

En vista de que no hay otras respuestas, te diré que para mi la única alternativa sencilla es con un poco de javascript:

onmouseover="this.className='boton1"
onmouseout="this.className='boton'"

Hay otras con javascript, pero son bastante más complicadas. Si te intersa, busca por .htc
En css yo no conozco la manera.
Mikel.

[T_O_N_N_Y]

Muchísimas gracias Casi había perdido la esperanza :P
Jajaja.
La verdad es que no había caído en utilizar el onmouseover y onmouseout, gracias otra vez, funciona perfectamente ;)

Saludos.

[JavierB]

Pues vamos a mover el mensaje al foro de JavaScript, por si alguien en el futuro busca solucionar el mismo problema.

Movido desde Css.

Saludos,