Problema con menu y contenido

[C2am]

Por lo que pude ver:


Supongo, supongo, que se debe a que cambias la posición del span dentro del "a" mediante el top: -200px.
Esto genera que en la posición natural el a siga permitiendo el enlace.
Me parece que esta reacción rara se debe a la forma de como estas maquetando esta parte.

Lo que haría sería, meter el a dentro del span o en vez del span modificar la posición del a

Es decir, mover el contenedor de la estrella y no sólo la estrella.
Tal vez con un poco de divitis de mi parte hubiera hecho:

Código HTML:

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

Y pondría el div contenedor con position:absolute; que en este caso es lo mejor.
Claro, que para eso es necesario que article tenga definido position:relative o cualquier otro, menos static.
Saludos