Tha basic problem is that for the image to be movable the style position:relative; must be present.
This little toy
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta name="generator" content=
"HTML Tidy for Windows (vers 25 March 2009), see www.w3.org">
<img style="position:relative; left:0px" onclick="this.style.left=60+parseInt(this.style.left)+'px'"
works in Firefox,Chrome,Opera,Safari(pc) and IE8.
A bullet-proof cross-browser version of your button-driven code is a bit more complex.
aw well 'position:absolute' or relative was what i forgot to put. It now works in IE and Opera..but Firefox still stubborn=\
I want the picture to roll down on click not to just change it's place when clicked..that's why wrote with function=\