Removing Extra Space In a Submit Button Under IE 6 and IE 7

When you create an input button that has a long string set as it’s value attribute IE 6 and IE 7 render additional, spurious whitespace or padding to the left and the right of the text in the button.  This is solved by adding the following conditional CSS style for the input button in question (assuming we have an input button with the class "submit_button"):

input.submit_button
        {
        padding: 0;
        margin: 0;
        width: auto;
        max-width: auto;
        overflow: visible
        }

Leave a Reply