IE11 Input Width Changes When Clicked

So this only happens in IE11 and I cannot figure out what is going on. When I click the input element (basically the focus event) the width of the element changes. I cannot figure

Solution 1:

Yeah mate, here you go: http://jsfiddle.net/3TwKF/

input::-ms-clear {
    display:none;
}

This is the culprit (ms-clear)'s documentation.

Solution 2:

input::-ms-clear 
{
    display:none;
}

Changing the text in text box changes the width in IE 11 for following link too. Above solution works for clicking the text. Here is a jsfiddle:

http://jsfiddle.net/3TwKF/20/

Please let me know for any solution