Wątek: zmiana margin-left,margin-top po przez js i inne wyniki w firefox a google chrom

Witam napisałem sobie kod który zmienia mi pozycje danego elementu, ale na mozili działa to poprawnie a na google chrome po zmianie jest o jakiś 1 px w złą stronę w czym tkwi problem?

Kod php:

function moving(dir){
    switch(dir){
    case 1:
    var lx=parseInt($("div#map").css("margin-left").replace("px",""))+4+"px";
    var ly=$("div#map").css("margin-top");
    $("div#map").css({"margin-left":lx,"margin-top":ly});
    var lx=parseInt($("div#character").css("margin-left").replace("px",""))-4+"px";
    var ly=$("div#character").css("margin-top");
    $("div#character").css({"margin-left":lx,"margin-top":ly});
    break;
    case 2:
    var lx=$("div#map").css("margin-left");
    var ly=parseInt($("div#map").css("margin-top").replace("px",""))+4+"px";
    $("div#map").css({"margin-left":lx,"margin-top":ly});
    var lx=$("div#character").css("margin-left");
    var ly=parseInt($("div#character").css("margin-top").replace("px",""))-4+"px";
    $("div#character").css({"margin-left":lx,"margin-top":ly});
    break;
    case 3:
    var lx=parseInt($("div#map").css("margin-left").replace("px",""))-4+"px";
    var ly=$("div#map").css("margin-top");
    $("div#map").css({"margin-left":lx,"margin-top":ly});
    var lx=parseInt($("div#character").css("margin-left").replace("px",""))+4+"px";
    var ly=$("div#character").css("margin-top");
    $("div#character").css({"margin-left":lx,"margin-top":ly});
    break;
    case 4:
    var ly=parseInt($("div#map").css("margin-top").replace("px",""))-4+"px";
    var lx=$("div#map").css("margin-left");
    $("div#map").css({"margin-left":lx,"margin-top":ly});
    var ly=parseInt($("div#character").css("margin-top").replace("px",""))+4+"px";
    var lx=$("div#character").css("margin-left");
    $("div#character").css({"margin-left":lx,"margin-top":ly});
    break;
    }
} 


<script type="text/javascript">
if (navigator.userAgent.toLowerCase().match('chrome') )
{
alert('jestę przegladarką chromę');
}
else{
alert('inna przegladarka');
}
</script>

I tutaj zamiast alerta możesz zdefiniować funkcję taką samą tylko inne przesunięcie, najlepiej po prostu na chroma ładuj inny plik js.