seperate css-dateien mit javascript verändern

[wilhelm]

moinmoin,
ich habe in meiner html datei dieses bild:
<img class="test" src="test.gif" id="test" alt="test" />
die klasse ist aufgeteilt in 2 seperate css-dateien, eine, auf die mit javascript zugegriffen wird, und die andere soll einfach für die restlichen daten(hat eigentlich keinen sinn, nur zur übersicht):

.test {
      position:absolute;
      }

.test {

left:0px; /*veränderbar*/
       top:0px;  /*veränderbar*/
       }

die darstellung ist einwandfrei, ich kann die position auch per hand verändern, aber wie geht das mit javascript ?

mein versuch mit( document.getElementById("test").style.left="50";) funktionierte nicht...
vielen dank
wilhelm