Button width in IE. Extra spacing bug.

Posted on

Today I was struggling  fixing issue with button length in IE when value is long.
When you have <input type=”button” value=”Some long string …”> it will looks like 

Did you see extra spacing :). I tryied to remove it with creating css style

.IEButtonWidthFix

padding:0px !important;
margin:0px!important;
width:auto;
}

And it was not working. So I start googling and found that setting overflow to visibile solving my problem

.IEButtonWidthFix

overflow:visible;
width:auto;
padding:0px 3px 0px 3px;
}