How to remove focus outlines in firefox 13

Question

This is going to smell like a duplicate but it isn't. I've tried this:

input:focus {
   outline: none;
}

and it doesn't work in Firefox 13. See:

http://jsfiddle.net/mDQzG/1/

Firebug leaves me guessing what default is being applied here that I need to override. Just to be clear: I want to get rid of the blue outline completely.

P.S. Please do not hector me about accessibility. I'm doing this for accessibility. The design page that has a light blue background, and the browser default outline color doesn't visually appear against it.

Answer 1

Here is your answer jsfiddle.net/mDQzG/3