hola amigos veran... estoy intentando desarrollar un juego php con javascript, hace poco habia lanzado un servidor en full php y me di cuenta que por demasiadas consultas a la base de datos ,esta se desconectaba u.u pero bueno quiero crear una transición de esta manera : 
Código PHP:
<style type="text/css">
<!--
#base-map {
position:absolute;
left:0;
top:0;
width:500px;
height:320px;
z-index:1;
background-color: #CCCCCC;
}
#user-1 {
position:absolute;
left:0px;
top:0px;
width:15px;
height:21px;
z-index:2;
}
#apDiv1 {
position:absolute;
left:514px;
top:18px;
width:103px;
height:85px;
z-index:3;
}
-->
</style>
<div id="base-map"></div>
<div id="user-1"><img src="file:///C|/AppServ/www/pokemon/poke_images/users/0_.gif" width="16" height="21"></div>
<div id="apDiv1">
<table width="200" border="1">
<tr>
<td> </td>
<td>arriba</td>
<td> </td>
</tr>
<tr>
<td>izquierda</td>
<td> </td>
<td>derecha</td>
</tr>
<tr>
<td> </td>
<td>abajo</td>
<td> </td>
</tr>
</table>
</div>
que seria algo asi en imagen:
e visto a varios que usan un tipo de javascript, que al presionar los botones ... hacen de que avance el div, en este caso quisiera que avanzara el div en 16 en 16px, alguien podria darme una mano en esto por favor, gracias de antemano. PD: si alguien esta interesado en este tipo de juego me gustaria que formara parte de mi proyecto ...