in IE input password is displayed shorter than input text

[manoogim]

using firefox, take a look at my login page here: http://mtmphp.x10hosting.com/auth/login.
and notice two text boxes, one is type='input' and one is type='password'.
now look at the same page using IE , you will see that the password field is shorter than the input field.
don't know why is that , if you do right-mouse-click -> view page source you will see that in html they are both size=27:
<input type="text" name="email" id="email" value="" size="27" maxlength="35" />
<input type="password" name="password" id="password" value="" size="27" maxlength="15" />

this is really bugging me, it is embarassing to show this page to the visitors b/c of how it looks. anyone seen similar problem ? anyone has ideas how to workaround the problem?

 

[descalzo]

Use CSS to set the width:

<style type="text/css">
    input.twentywide { width: 20em ;  }
</style>

...

Email  <input type='text' class='twentywide' name='email'><br />
Pass: <input type='password' class='twentywide' name='pass' ><br />