Submit image border in Safari and Chrome?

Question

I have a submit image button:

 <input id="sbutton" type="image" value="&nbsp;" />   

Styled like that:

    #sbutton {
    text-indent: -99999px;
    border: 0;
    background-image: url('submit.png'); 
    width: 201px;
    height: 37px;
}

It works perfect in Opera in Firefox the button size is about 10x10px (wtf? :)) and in Safari and Chrome it has some kind of strange border (like iframes have), and I have no idea how to get rid of that?

Thanks :)

Answer 1

Could it be an outline? Set:

 #sbutton:active,
 #sbutton:focus
 {
  outline: none;
 }

Try that out.

Answer 2

try border:none; rather than border:0;

Answer 3

This is a right solution for this question:

:active, :focus { outline: none; }