Помогите пожалуйста. Вопрос с привязкой div-a к клавиатуре Up,Down,Left,Right

Пират очень маленький, скраю по середине. Как только нажимаю кнопку на клавиатуре стрелку вверх, вместо того, чтобы уйти наверх на заданное в алгоритмах число, он "улетает" на самый верх...

ВОПРОС:

Кто знает, подскажите пожалуйста, как прописать, чтобы div (пират) не убегал к верху страницы, а двигался на заданное в кодах деление??

И еще один вопрос, если кто знает подскажите пожалуйста, как установить ограничения к движению div-a. Например, чтобы пират не мог залезать на булыжники, и кактусы, а так же за пределы условных границ???

Очень нужна помощь... Помогите плиз...