This site heavily relies on bug reports created by its readers. Anyone can report a bug and be published.
Main navigation:
Search reports by browser:
If an input is given a type "button" or "submit" and the value used to apply text to the button is over 18 characters long, the button is shown stretched horizontally. The top and bottom border is also thicker. The effect increases with the length of the button text used.
Test page Workaround is not included
Reported by: Chris Hester.
Explorer 5-6 Windows, Explorer 7 beta 2 | Reported on 5 January 2006.
Posted by Clint on 11 January 2006
2IE workaround:
* html .button {overflow:visible;width:auto;padding-left:0.3em;padding-right:0.3em;}
Posted by Daniel on 18 January 2006
3Clint's workaround does work for the button itself, but if the button is located within a container (i.e a td tag) IE unfortunately still renders it as if the button was as wide as with the extra width. Anyone has a solution for that?
Posted by Matt on 31 January 2006
4Remove the * html at the beginning of that line, simply name the class (in this case .button), and use it and it should work. My buttons are inside of TD tags and they are properly handled. For example:
.formSubmit { background-color: #F7DD00; cursor: hand; overflow:visible; width:auto; padding-left:0.3em; padding-right:0.3em; }
Commenting guidelines:
Posted by Milo van der Leij on 5 January 2006
1One workaround is to apply a style to the button (as done on quirksmode). However, you run the risk of making your buttons harder to be recognized as such.