jquery: background image, explorer y su madre

[roncco]

Pues resulta que cuando creí tener mi web casi acabada, decido ver cómo quedaría en ese huevo frito virtual llamado internet explorer, y entre otras atrocidades -he visto cosas que no creeríais- hay una que no consigo resolver.

Veréis, tengo unos botones para formularios que hice yo. Creé dos imágenes, una de las cuales es para cuando el botón se pulsa. Es algo tan sencillo como cuando se hace click en un botón se carga la segunda imagen. Pues esto, que funciona a la primera en firefox, en explorer no hay manera.

Os pongo los retales de código. Primero el php:

Código PHP:

<div class="crearBuscarFicha">
 
<form class="formularioLateral" action="." method="post">
 <label for="nombreProducto">Crear Ficha:</label><br />
 <input type ="text" class="campoFormularioLateral" size="19" name="nombreProducto" id="nombreProducto" /><br /> 
 <input type="submit" class="botonFormulario" name="crearFicha" value="Crear" />
 
 </form>
</div>
 

Luego el css:

Código CSS:

.botonFormulario{
    margin-top: 15px;
    background: #c1dbc2 url(/imagenes/web/botonEnviar.png) no-repeat center center;
    width: 79px;
    height: 37px;
    border-bottom: 2px solid grey;
 
}
 

Y por último el jquery:

Código Javascript:

$('.botonFormulario').click(function(){
$(this).css({"background":"#c1dbc2 url(/imagenes/web/botonEnviarActivado.png) no-repeat center center"});
});
 

¿Alguien me puede echar una mano?