Faire grossir la puce en image d'une liste en même temps que le texte

Bonjour
Voici ma colle:
J'ai une liste, la puce est une image. Je souhaite qu'elle grossisse en même temps que le texte lorsque l'utilisateur augmente la taille du texte de son navigateur.
Croyez-vous que ce soit possible?
Merci par avance!
Fika

Voici mon code actuel :

ul, li {margin:0;padding:0;display:inline;}

li{
list-style-type: none;
background-image: url(img/puce_off.png);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left:10px;
}

li:hover{background-image:url(img/puce_on.png);}

.link{margin:0 6px 0 0;text-decoration:none;}
a.link:visited{color:#505050;}
a.link:link{color:#505050;}
a.link:hover{color:#E74C00;}

Salut,

Tu ne peux pas modifier la taille d'une image de fond. Mais par contre une image dans le html peut être redimentionnée avec les CSS.

Va voir cette page.

Bonsoir
Merci pour ta réponse très rapide.
Ce qui me gène beaucoup dans cette méthode, c'est que l'image ne change pas de taille, c'est juste la zone où elle apparaît qui change. Du coup l'image est tronquée quand on rapetisse, et le décor autour du bestiau apparaît quand on l'agrandit.
Or moi j'ai besoin qu'une image précise (une puce) change de taille.
Y'aurait-il une autre solution?