Strul med att flytta en <div>

Hej,

Sitter och försöker fixa ett litet javascript som ska flytta en <div> från en punkt till en annan, med en "animering". Men jag får det inte riktigt att fungera. Det fungerar första vändan men sen får jag bara följande felmeddelande hela tiden:

"Fel vid tolkningen av värdet för egenskapen "margin-left". Ignorerad deklaration."

Jag har kommit fram till att felet förmodligen ligger i "obj.marginLeft+6;". Skippar jag +6 så skrivs inget värde ut alls nämligen när jag testar. i csskoden är margin-left satt till 0.
Jag har även provat med Number(obj.marginLeft)+6; utan framgång.

Nån som sitter på en lösning? :)

function slider(id) {
	var obj = document.getElementById(id).style;
	var pos_x = obj.marginLeft+6;
	obj.marginLeft = pos_x+'px';
	
	// Denna rad är bara till för lite felsökning. 
	document.getElementById('page-content').innerHTML += id+' - '+obj.marginLeft+'<br />';
	
	if(pos_x < 222) {
		timer = setInterval("slider('"+id+"')", 100);
	}
}