Cross-browser animated image position

guys… Pls Save me …
I have a code like this…

$('#tablepopup').removeClass("click").stop()
            .animate({
                  marginTop: '-222px', 
                  marginLeft: '-95px', 
                  width: '200px', 
                  height: '200px',
                  padding: '5px'   
            }, 300); 

this snippet is used to animate an image on button click… but the problem is … the image position changes with respect to the browser. ie ie7,8,9 and mozilla give different positions. Now, usually i handle this in Css with hacks. like in ie 7 i use * … but if i try like this here…
*margintop: -222px it doesnt work :frowning:
i am sure… i am missing something… any help pls…