problema on fondo? ayudita?

Hola, empece a hacer un diseño y como simpre a nosotros, siempre se nos complica el diseño con ie, pero en este caso se ve mal en fifox, coloco un fondo a un div el siguiente estilo:

Código :

#div{
height: 200px;
font-size: 12px;
background-position:center;
background-image:url(images/footer.jpg);
}

pero cuando veo como queda se mueve 1 px hacia la izquierda, no entiendo que paso? alguien sabe como lo puedo solucionar?

depues de haber buscado por todos lados encontre esto, primero creo 2 estilos:

Código :

<style type="text/css">
#div{
height: 200px;
font-size: 12px;
background-position:center;
background-image:url(images/footer.jpg);
}
#divie{
height: 200px;
font-size: 12px;
background-position:center;
background-image:url(image.jpg);
}
</style>

donde le doy el estilo a el div agrego

Código :

<div id="<? if (strstr($_SERVER["HTTP_USER_AGENT"], "MSIE"))
{
echo "divie";
}
else {
echo "div";
}
?>" align="center"></div>