Redimensionner l'image d'un background

Salut
Justement mon but est de ne pas toucher à la dimension d'origine de l'image, car elle est utilisée ailleurs, et je veux éviter d'avoir 2 fois l'image avec des dimensions différentes (ça simplifie la vie d'avoir une seule image, quand elle sera à modifier, et ça optimise le chargement de la page si l'image est déjà dans le cache).

Si je la mets à 100% de la div ça veut dire que je l'appelle avec une balise <img> et ça aussi je veux éviter, car l'image en question est utilisée dans un code javascript, et si je ne la passe pas en background, je ne sais pas pourquoi il y a un bug, l'image ne s'affiche pas à 100% si elle n'est pas déjà dans le cache.


Pour le moment je tente de faire un script en js qui redimensionne l'image avant de la mettre en bg, mais ça marche pas. Voici ce script :

	var img=new Image();
	var url='images/bandeauIP.png';
						
	img.src=url;
						
	img.width="882px";
	img.height="180px";
						
						
						
    document.getElementById('br0').style.backgroundImage="url('"+img.src+"')";

Mais je répète, ça ne marche pas (je souligne au cas où quelqu'un tombe sur ce post + tard en pensant que c'est la solution)
Avec ce code l'image n'est pas redimensionnée je suis en train de chercher pourquoi.

Voilà, merci à qui peut m'aider.

PS : j'ai rectifié pour le genre de "div" ;)

Bonjour, le probléme est une faute d'url.
javascript est coté client. donc fonctionnera sur le pc d'un visiteur.
il faut donner un chemin absolut genre : http://monsite.com/image.jpg