Adapter une image à une div façon background-image

Bonjour tout le monde.

Je fais appel à vous car j'aimerais réaliser un lien sur une div constitué d'une image et d'un bandeau-titre.

J'y arrive avec un background-image sur ma div, comme à gauche:


http://elliottfaure.freevar.com/divcliquable/

<div id="block" style="background-image:url(_img/humus1.jpg); background-size: 100% auto; background-position: center center;">
<a href="#" class="lienmenu">blabla humus  >  </a>
</div>

Problème, seul le bandeau est cliquable et pas l'image.

Ce qui m'emmène donc à la conception de droite:

<div id="block2">
<a href="#" class="lienmenu2">blabla humus  >  </a>
<a href="#" class="img2"><img class="bg" src="_img/humus1.jpg" width="300px" height="130px"/></a>
</div>

Et là je place mon image derrière, avec le bandeau par dessus grâce à un z-index.
Problème: impossible d'ajuster parfaitement l'image à la div comme le font background-size: 100% auto; background-position: center center;

Vous pourrez voir le détail avec le code source.

Savez vous comment je peux m'en sortir ?

Merci d'avance et bonne journée à vous,

E4