IE determines the width of an input button based on the length of the value.
So an input like:
has a padding right and left of say 8px, but
has a padding left and right of 12px.
I know right?
The fix is simple though. You just have to give the input button “overflow: visible;”.
The HTML:
<br />
<input class="button" type="submit" value="Go" /><br />`
The CSS:
<br />
input.button {<br />
overflow: visible;<br />
}<br />`
Then you can add whatever padding your want.
Many thanks 😉
I’ve been fighting with this for an hour or so
Thank you!!!