<p>How do you remove the jagged edges from a wide button in internet explorer?  For example:</p>

<p><img src="https://i.stack.imgur.com/em5K0.gif" alt="alt text"></p>

As a workaround, you can remove the blank spaces on each end of the button, which has the effect of decreasing the jagged edges. This is accomplished with the following css and a bit of jQuery:
```
```
input.button {
   padding: 0 .25em;
   width: 0; /* for IE only */
   overflow: visible;
}

input.button[class] { /* IE ignores [class] */
    width: auto;
}
```
```
```
```
$(function(){
    $('input[type=button]').addClass('button');
});
```
```
The jQuery is for adding the button class. A more in depth write up can be found
here
.