Problème bordure bouton

Bonjour,

je voudrais savoir s'il est possible de pouvoir enlever les pointillés qui s'affichent lorsque que l'on clique sur un bouton (lien imagé) :

voici mon css :

a.bouton2:link{
width:250px;
height:50px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
border: 0px;
background-color:#000000;
background-image:url(../png/f3.bmp);
padding:5px;
}

a.bouton2:visited{
width:250px;
height:50px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
border: 0px;
background-color:#000000;
background-image:url(../png/f3.bmp);
padding:5px;
}

a.bouton2:active{
width:250px;
height:50px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
border: 0px;
background-color:#000000;
background-image:url(../png/f2.bmp);
padding:5px;
}

.bouton2{text-align:center;padding:5px;}

et voici mon html :

<p class="bouton2">
<a href="news.html" target="dv" class="bouton2">NEWS</a><br><br>

<a href="search.html" target="dv" class="bouton2">VOTE</a><br>
</p>

Par ailleurs, lorsque je lance la page, mes images f2 et f3 sont redimensionnées à la taille du texte, comment faire pour que les boutons ne se gardent la taille 250 * 50 px ?

Merci !