Positionnement CSS : a href

Salut,
J'aimerais comprendre pourquoi lorsque je place une balise de lien autour d'un div ou d'une image, le lien déborde de l'image.
CF l'image jointe pour mieux comprendre.
Pour info, das mon code CSS, je n'ai pas de propriétés telles que : position et display.

Et surtout, comment faire ?
Merci.

Pièce jointe 185418

la solution que j'ai trouvé pour aligner la balise a href autour d'une balise div ou image, c'est le code suivant :

Code:

---

1 2 3

a { display:inline-block; }

---

Mais est-ce une bonne solution ?
Merci.

Le mieux serait peut-être de nous expliquer ce que vous voulez faire, pour quel usage vous codez un tel lien.
Faites également valider votre code, car le décalage peut venir d'une erreur.

Cela dit, si je réalise un tel lien de mon côté, les contenus du lien (son texte et sa div) sont alignés à gauche et se superposent parfaitement, sans CSS:

Code:

---

1 2 3 4

<a href="#"> a href <div>div</div> </a>

---