Removing dotted borders on click

Question

I am using this CSS to remove dotted borders which appear when hyperlinks are clicked

a:active, a:focus, input {
    outline: 0;
    outline-style:none;
    outline-width:0;
}

This is working fine, but doesn't work on input buttons which have background images.

Answer 1

It's not my place to question your design decisions, so here you go.

Just add this to any link's you want to remove the dotted line

onfocus="if(this.blur)this.blur()"

Answer 2

It isn't working fine. It is rendering it impossible to navigate the design without a mouse.

See http://24ways.org/2009/dont-lose-your-focus for a reasonable compromise.