Comportamiento de a con inline-block

[mariomon17]

Hola a todos. Tengo en mi codigo lo siguiente

Código HTML:

<article>
<a href="url"><img src="url" /></a>
</article>
 

Código CSS:

article {
display: inline-block
}
 

El a no cubre toda la imagen, solo una porcion. Entonces yo paso el raton pero solo puedo hacer click de la mitad para abajo (y entrando en inspecionar elemento, el elemento a ocupa solo ese trozo).

Sin embargo, si quito el inline-block a article funciona perfectamente.

Un saludo y gracias :)