Background de tabla cambiante en FireFox

[lag_0]

Buenas!! hice esta funcion para hacer botones con el fondo de una tabla y estados con diferentes imagenes:

<script>
function BarButtonState(ButtonNumber,State) {
ButtonNumber.background="img/"+ButtonNumber.id+"-"+State+".jpg";
}
</script>

Y la aplico así:

<td width="150" background="img/barbutton1-1.jpg" id="barbutton1" onMouseOut="javascript:BarButtonState(this,1)" onMouseOver="javascript:BarButtonState(this,2)" onMouseDown="javascript:BarButtonState(this,3)" onMouseUp="javascript:BarButtonState(this,4)" style="cursor:pointer;"></td>

En interent explorer me funciona perfectamente pero ni en Opera ni en firefox hace lo que ha de hacer...
He probado varias cosillas pero no lo consigo... algun experto me hecha una mano?! gracias.

[dec]

Hola,

Puede que sea porque la propiedad "background" no es un estándar o es "obsoleta" en todo caso. Tal vez deberías usar estilos, es decir, tratar con la propiedad "style" del elemento en cuestión, y usar "background-image" para asignar la imagen de fondo.

[lag_0]

Solucionado; El problema era no usar "style.backgroundImage" en js, style="background-Image:url()"; en html.

Muchas gracias =)