décalage background-image (IE et FF)

Bonjour à tous

j'ai un petit soucis avec une image de fond pour un site
voici le code de base pour le moment (je créé la structure graphique)
Code:

1 2 3 4 5 6 7 8 9 <body style="margin:0px;padding:0px;background-image:url(./img/fond_body.png);background-repeat:repeat-y;background-position:top center;"> <center> <div style="background-image:url(./img/fond_test.png);background-repeat:no-repeat;width:987px;height:649px;"></div> </center> </body>
en fait j'ai dans mon div une image avec une bande noire verticale et plein de choses en plus dessus.
mon patron veut que cette bande noire continue jusqu'en bas du site
j'ai donc créé une image de 1px de haut et large comme mon autre image et qui contient cette bande noire
dans ma balise <body> je l'insère pour que ça descende jusqu'en bas de la page et je la centre (background-repeat:repeat-y;background-position:top center;)

le problème c'est qu'entre ces deux images j'ai un décalage d'1 px dans FF et heureusement aucun dans IE6 et IE7
je vous ai joint le un aperçu de ce décalage

En espérant trouver une réponse

merci d'avance