spostare in alto un box div

[techno]

Salve.

Ho questo box div:

<div id="mather" style="overflow:hidden; width:100%; height:480px">
<div id="figlio"><table width="100%" border="0" cellspacing="0" cellpadding="0">
...
</table>
</div>
</div>

Tramite un pulsante il div "figlio" deve spostarsi in alto tipo uno scroll all'interno del div "mather" ho provato così:

function scrollUP(){
var eldiv=document.getElementById("figlio");
	
var somma=parseInt(480 - eldiv.offsetHeight);
var posizione=-10;
eldiv.style.top=posizione + "px";
}

tramite la funzione alert() i parametri li passa tutti ma non mi sposta in alto il div "figlio", qualè la ragione???