Selected Item - Dashed border removal

Hello, found something I can't find a solution for.

In a form, I have:


and the css is:


When said button is clicked, it gives an ajax message, either a success or failure.

In Firefox there is a dashed line that remains around the button.
In IE there is not, and looks better that way.

Any ideas on how to remove it from Firefox?

have you tried adding border:none; to the hover event? That might do it?

#submit button:hover{

background: url(images/sendlit.png);
border: none;

}

have tried that, as it is not still "hovering" it is after the fact.

here is a three layer png showing the various states:

http://www.dyfrin.com/ozzu/image.png

You might try an image type input and "input:focus{-moz-outline:none;}"

However, the focus indicator is helpful for people who aren't using a mouse.

alas it fails, perhaps the better solution is just remove focus from the button when ajax populates the message. Will try it!