Those. shows the border when you click on the image

Question

I use jQuery to change between clans when the image is clicked. In chrome and FF, everything is fine, but in ie9 (maybe even earlier), when I click on one image some ugly gray frame appears.

This is the html code:

<a id="PASTWINS" href="improve.php" class="PastWin_Unmarked"></a>

This is the style:

.PastWin_Unmarked{border:0px;display: block;background-image:url('images/tomgui3_08.png');background-repeat:no-repeat;width:206px;height:43px;text-decoration:none;}

And here is an image with an ugly frame that appears:

Answer 1

You can remove it with ...

a:focus {
   outline: none;
}

However, keep in mind that some people need this as a visual cue when navigating the keyboard.