As you already know Internet Explorer takes great care to interpret HTML and CSS in it’s own special way and only sometimes does this co-incide with the W3C’s specification. The padding on Submit Buttons is one such nuisance.
Simply, IE simply ingores any horizontal padding you specify with css. The solution, I discovered, it to use the “overflow: visible” for all such elements e.g.
Before
<input type="submit" value="Internet explorer ignores my padding" style="padding: 20px;" />
After:
<input type="submit" value="Internet explorer respects my padding" style="padding: 20px; overflow: visible;" />
NB For this example I’ve put the style inline with the html - for real use this should be separated from the html in an external style sheet.
Thank you for this solution.
It works very well on IE 6 and 7
Thanks so much - I have been looking for this for AGES!
Thanks again.
Thank you so much for putting this out here. I have been looking for a solution to this problem for a current project at work. This works perfectly.
Oh gee, who would’ve thought it’s as simple as that. Thanks alot for the hint
Wohoo big thanks, I have been loking a long time.
Thank you! I was just searching for this.
Thank you. Very straight forward fix to another stupid IE bug!
(:
Just used this. Works well. 1
Thanks for that simple solution.
But is there a way how this works with input[type='button'], too?
overflow:visible can trigger sometimes a weird bug in ie7: when you scroll down the page, the button text disappears. Then it appears again, sometimes complete, sometimes as if it was half erased. Really annoying!
I saw it in action several times. It happens when I set a background image for the input.
This seems to be fixed in Internet Explorer 8.
Thanks for saving me hours of annoyance, much appreciated.
@Robert : I had this weird “disappearing content” bug in IE7 too when setting the overflow:visible property on an input submit that has a background image. I changed the value to “auto” (overflow:auto;)and added a text-align:left and it got rid of this problem. Does this work for you ?
Thanx!