Problème CSS image, lien

Bonjour,

ça n'affiche rien :( S'il vous plait aidé moi.

CODE HTML :

<a href="nous-rejoindre.html" id="bouton-nousrejoindre.png"> </a>

CODE CSS :

#bouton-nousrejoindre
{
background-image: url(images/bouton-nousrejoindre.png);
height: 56px;
width: 230px;
margin-right: auto;
margin-left: auto;
position: relative;
left: 0px;
top: -19px;
}

MERCI D AVANCE.