IE7 shrinking inputs issue
I have some inputs which I am validation on keyup and it works perfectly well except in IE7 where it shrinks the input with each keystroke.

I have debugged the code to find out that it is the jQUery .addClass/.removeClass which is causing the effect.

It's just a plain old input, nothing special.

Any ideas?

    $('input#myId').bind('keyup blur',function(){
            var _this = $(this);          
            if(_this.val().match(/^[0-9()\-\+\ ]+$/i)== null){
                _this.addClass('errorColor');               
            }else{
                _this.removeClass('errorColor');               
            }
    });


IE7 shrinking inputs issue
===

I have some inputs which I am validation on keyup and it works perfectly well except in IE7 where it shrinks the input with each keystroke.

I have debugged the code to find out that it is the jQUery .addClass/.removeClass which is causing the effect.

It's just a plain old input, nothing special.

Any ideas?

    $('input#myId').bind('keyup blur',function(){
            var _this = $(this);          
            if(_this.val().match(/^[0-9()\-\+\ ]+$/i)== null){
                _this.addClass('errorColor');               
            }else{
                _this.removeClass('errorColor');               
            }
    });

