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.