Отзывчивый веб-дизайн: "Как изменить размер фонового изображения в зависимости от размера окна браузера с помощью CSS?"

Я создаю сайт, где все изображения товаров будут изменяться в зависимости от размера окна браузера, поэтому я написал несколько медиа-запросов, где я использовал одно большое изображение и изменил его размер в зависимости от размера окна, но у меня есть одно изображение, которое я использовал в качестве фона, как я могу изменить его размер? Я хочу, чтобы это поддерживалось во всех браузерах, также в IE7 и 8.

HTML

CSS

div{ 
background: url("http://canadianneighborpharmacy.net/images/cnp/discount_20.png") 
no-repeat scroll 0 0 transparent;
position:absolute;
width:45px; 
height: 45px; }

Мой живой код здесь :- http://jsfiddle.net/jamna/DdxbQ/19/ здесь у меня есть основное "изображение продукта", которое сейчас изменяет размер в соответствии с размером окна браузера (в моей скрипке я еще не написал код для изменения размера изображения продукта, я только показываю, какое изображение я хочу изменить размер сейчас), но у меня есть другое изображение "save-money label", которое находится на фоне "span", которое я хочу изменить размер одновременно с изображением продукта.