[Javascript] modificare attributi CSS

[biowep]

Ciao

Ho questo elemento

<style type="text/css">
#red{
background-image: url(images/bg.png) no-repeat;
background-position: Xpx 124px;
}
</style>
<div id="red">Inserite qui il contenuto per id "red"</div>


vorrei far in modo di modificare nel tempo la variabile X
di modo che in 1 secondo percorra 50 px ad esempio... come posso farlo?

[biowep]

Scusate ma ho sbagliato titolo, intendevo una proprietà CSS (tipo background-position) purtroppo non conosco esattamente il linguaggio tecnico

comunque, ho provato

<script type="text/javascript">
document.getElementById('red').style.backgroundPosition = "0px";
</script>

per modificare l'attributo CSS
il problema è l'immagine di sfondo rimane nella stessa posizione
sembra che lo script non abbia alcun effetto


cosa sbaglio?