Rétrécir image background en x

Bonjour, j'ai un div (nommé #haut) => width:100%;height:128px; qui est en dessous de ma bannière de width: 800px ; height: 128px (centrée) .
Dans le div sous la bannière (#haut) il y a un effet de lumière qui doit être de chaque côté de la bannière.
Evidemment sur les écrans larges de + de 1024 on se rend bien compte de l'effet. Mais si je rétrécis ma fenêtre de navigateur, ça déplace ma bannière et mon effet de lumière n'est plus dans l'axe.
Ma question est : est-ce que c'est possible de réduir en "x" (largeur) uniquement la taille de mon image qui est en background inférieur à ma bannière ?8O (si possible compatible avec ie7;8 et ff 2 et sup...)
Oops, j'ajoute que je pourrais par exemple mettre mon image dans le div (#haut) et lui donner la valeur de 100%, mais dans ce cas elle va réduir autant en hauteur qu'en largeur...A moins que...

Heu, aurais-tu une page en ligne pour qu'on se rende compte de ce que tu veux réellement faire ? Sinon, je suis tenté de dire que non, ce n'est pas possible.

Merci de m'avoir répondu, effectivement ça ne doit pas être possible d'étirer un background en largeur (100% x)...Je suis en train de chercher une autre solution avec un appel d'image dans la (ou le, je sais jamais) div en faisant passer mon autre image (fixe) au dessus en css...