PB de cohésion entre un fond et son interface, ne s'alignent pas de la même façon.

Bonsoir,

J'ai décidé de refaire le design de mon site : http://balistiq.fr
J'ai intégrer un design dans un template en php, ça n'a pas été simple mais j'ai quand même réussi à le faire, bon ma question concerne la position de l'arrière plan qui ne coïncidé pas avec le l'interface, si je diminue la taille de la fenêtre, le fond reste fixe mais l'interface bouge, je souhaiterai que les 2 bougent de la même façon, je vous donne ce que j'ai mis dans mon fichier body-styles.css :

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    margin:auto;
    padding:0px;
    color: black; /* couleur police boutons principaux) */
    background-color:#164988;
    background-image:url(http://balistiq.fr/templates/theme1/images/fond2.jpg);
    background-repeat:repeat-x;
    scrollbar-face-color: #286fc1;
    scrollbar-shadow-color: #757575;
    scrollbar-highlight-color: #c1c1c1;
    scrollbar-3dlight-color: #286fc1;
    scrollbar-darkshadow-color: #676767;
    scrollbar-track-color: #acb6c6;
    scrollbar-arrow-color: #ffffff;
}

ainsi qu'une partie de mon fichier styles-ie.css :

#banniere {
    width:990px;
    height: 88px;
    position:relative;
    z-index:1;
}
#centre {
    width:990px;
    position:relative;
}
#logo
{
    float:left;
    width: 170px;
    height: 88px;
    top:0px;
    left:0px;
    position: absolute;
}
#header
{
    float:left;
    width: 820px;
    height: 88px;
    top:0px;
    left:170px;
    position: absolute;
}
#pied_liens {
    width:990px;
    height:22px;
    padding-top:4px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:10px;
    color:#ffffff;
    background-color: #cccccc;
    text-align:center;
    position:relative;
}


.menu2 {
    background-color: #ffffff;
    background-image: url(images/menu.png);
    background-repeat: no-repeat;
}
.contener {
    background-color: #ffffff;
    background-image: url(images/contener.gif);
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
}
.bottom {
    position: relative; width: 990px; height: 6px; z-index: 1;
}
.footer {
    position: relative; width: 990px; height: 259px; z-index: 1;
}
.texte {
    margin: 10px 25px 10px 10px ;
}

Que dois-je modifier mà dedans pour arriver à mes fins ?

Merci d'avance pour votre aide, si vous avez besoin d'éléments supplémentaires, n'hésitez pas à me demander.

N'ayant pas eu de réponse, je me permet de me rappeller à votre bon souvenir.
Quelqu'un a t-il une idée quant à mon problème ?
Merci.