Une bordure indésirable en CSS

Bonjour,

Voila je rencontre un petit problème avec mon code, lorsque je passe sur l'élément en question avec ma souris j'aimerais que la bordure qui s'affiche actuellement à gauche et en bas disparaîsse.

Ce que je fais

J'ai tenté de le faire comme ceci :

a:hover {
border: none;
}

Ce que je veux

J'aimerais donc que les bordures ne soient pas là quand je passe ma souris dessus