Ciao
ho un problema con una semplice animazione in javascript, devo muovere un immagine. Quando viene eseguita però non funziona perchè il css mi rende un errore
codice:
Warning: Error in parsing value for 'top'.  Declaration dropped.
Source File: http://127.0.0.1/TIA2/play.php
Line: 0
Ho provato ad eseguire lo stesso codice in un foglio separato e funziona !!
Mi potete aiutare ??

Inserisco anche il codice javascript e css :

JAVASCRIPT
codice:
function animation( colonna ) { 

	var ball = inserBall(); 
	
	position ( ball, colonna ); 

}


var id_timer_move=0;

function inserBall () { 

	var board = getElement("board"); 
	var img = document.createElement("img");
	img.setAttribute("id", "palla"); 
	img.setAttribute("src", "./Immagini/red_ball.png"); 
	board.appendChild(img); 
	return img; 	
}
function position ( ball , colonna ) { 

	var i=0; 
	
	for ( i= 0; i<7; i++)
		if (griglia[i][colonna-1] == VUOTO) 
				break;  
   var indice = 7 - (i-1); 
 	var spostamento = indice * 53; 
	move (ball, spostamento); 
}


 

function move ( ball , pos_finale ) { 
  ball.style.top = parseInt(ball.style.top)+1+'px';//Sposta il div verso destra di un pixel alla volta
	if (  parseInt( ball.style.top ) >= pos_finale ) 
		clearTimeout(id_timer_move); 
	else 
	id_timer_move = setTimeout ( function(){move(ball,pos_finale)} , 30 ); 
}
CSS

codice:
html { 
	margin :0; 
	padding : 0; 
}

#body { 
  margin-left : 10%;
  margin-right : 10%;
  background-image : url("../Immagini/sfondo.gif"); 
  background-repeat : repeat; 
}


#header { 
	position : absolute; 
	background-color : #36c; 
	color : red ; 
	text-align : center ; 
	/*padding :15px; */
	height : 100px; 
	width : 80%; 
	  border-left: 2px solid #36c;
	border-right: 2px solid #36c; 
}

#container{ 
	position :absolute;
	height : 700px;
	width   : 80%; 
   text-align: left;
   border-left: 2px solid #36c;
	border-right: 2px solid #36c; 
	background-color:#9cf;
	top : 100px; 
}



#footer { 
	height : 50px;
	width  : 80%; 
	position : absolute ; 
	background-color : #36c; 
	top : 800px; 
	border-left: 2px solid #36c;
	border-right: 2px solid #36c; 
}

/*CSS per la grglia e i suoi elementi */ 

#container_board { 	
	position: absolute; 
	margin-left : 5%;	
	top : 15%; 
	height : 500px; 
	width : 50%; 
}

#board_img { 
	position: absolute;
	height : 410px; 
	width : 410px;
	z-index : 1; 
}

#button_img { 
	height : 40px; 
	width  : 40px;
	margin : 5px;
	z-index : 1; 
	 
}

#button_array{ 
	margin-left : 3%; 
	z-index : 1;
}



#notify { 
	position : absolute; 
	height : 100px;
	/*padding : 10px; */
	width : 100%;     
}

#notify_text { 
	position : absolute;
	margin-left : 5%; 
}

#timer { 
	position : absolute; 
	top : 100px;
	margin-left : 50% ;/*grandezza griglia */
	height : 100px; 
	width  : 50%;
}
#news { 
	position : absolute; 
	top:    200px;  
	height : 400px;
	width  : 50%;
	margin-left : 50%; 
	
}
#news_text {
	position : absolute; 
	height : 60%;
	width  : 80%;
	margin-left : 10%;
	margin-top : 5%; 
	text-align: left; 
	background-color : white;
	overflow:auto;
	border : groove;
} 

#abbandona { 
	position : absolute; 
	height : 100px; 
	width : 100%; 
	top : 600px; 
	margin-left : 5%; 
}


#s1 { 
	position: absolute;
	margin-left : 10%; 
}

#palla { 
	position : absolute; 
	height : 45px; 
	width : 45px;
	margin-left : 3%;
	top : 1px; 
	z-index : 0;
}