Browsera Blog Cross-Browser Site Compatibility

IE7 Ignores Submit Button Padding - Twitter Homepage

In testing Twitter, Browsera detected a problem in IE7 with the “Sign In” button dropping below the line with the “Remember Me” checkbox.  Surprisingly, it is on the correct line in IE6.  Here is the Twitter input wrap problem as detected by Browsera.

The problem seems to be that Internet Explorer 7 is using its own padding instead of that in the stylesheet. (In this case, it’s using too much padding.) This turns out to be really easy fix, credit to Mr Kirkland for figuring this out.  Applying the style

overflow: visible;

to the “Sign In” submit input button forces IE7 to honor the padding as specified in the stylesheet.  With that, the homepage will be consistent across browsers.  Horray!