Remove the AnchorTag IE Border

I have an UL with ListItems containing AnchorTags.

These Anchor Buttons should have Borders, depending on the click event. However in IE and Firefox- when the Anchor is clicked it开发者_JAVA百科 automatically puts this dashed-border surrounding the Button. You have to click away from it in order for that Border to dissapear:

Here is a Fiddle and you can see what Im talking about: http://jsfiddle.net/NinjaSk8ter/ZSeFA/

Is there a fix for this?

#mid-featureleft-client .navigations a:focus {  
    outline: none;  
}