Any way to remove IEs black border around submit button in active forms?

Question

I am implementing a design that uses custom styled submit-buttons. They are quite simply light grey buttons with a slightly darker outer border:

input.button         


        

Answer 1

I was able to combine David Murdoch's suggestion with some JQuery such that the fix will automatically be applied for all 'input:submit' elements on the page:

// Test for IE7.
if ($.browser.msie && parseInt($.browser.version, 10) == 7) {
            $('')
.insertBefore("input:submit");
        }

You can include this in a Master Page or equivalent, so it gets applied to all pages in your site.

It works, but it does feel a bit wrong, somehow.