How can I make input buttons look exactly the same in all browsers?

Question

I'm styling my form buttons like this:

/* CSS RESET */
* { margin: 0; padding: 0; }
...
form input.button {
    padding: 2px;
}
...
<input class="button" name="submit" type="submit" value="Login" />

But they look like this:

What is the easiest way to make buttons look exactly the same in all browsers?

Answer 1

What is the easiest way to make buttons look exactly the same in all browsers?

Use an image.

I don't think you will get it exactly the same cross browser otherwise. You could get close with CSS, but you will be spending a bit of time and frustration (a CSS reset could make this a bit easier).

Answer 2

Check out Formalize.