Form field length is increasing in IE - Need Help

[Ronald Regging]

I'm trying to customize WordPress-MU, which requires me use a specific file name (home.php) for my main page. I designed the page and everything worked fine when it was named index.html, in both IE and FoxFire. The problem occured when I changed the name of the file to home.php... I'm not sure why that would effect it, but apparently it has.

Now all of a sudden, the Username form text field is displaying longer than the password field, even though they are both set to 20. It only does this in IE, in FoxFire it still works properly.

I was just wondering if someone would be kind enough to look at the code and tell me if anything could be causing this, or if it's something else I'm missing (I'm inexperienced in coding).

<form action="http://emoscene.com/wp-login.php" method="post" name="loginform" class="style3" id="loginform">
<div align="center"><span class="style3">Username:</span> <input type="text" name="log" id="user_login" value="" size="20" tabindex="1" /></div>
<div align="center"><span class="style3">Password:</span>
<input type="password" name="pwd" id="user_pass" value="" size="20" tabindex="2" /></div>
<div align="center">
<input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="3" /> <span class="style3">Remember me</span></div>
<div align="center">
<input src="images/login.gif" name="submit" type="image" id="submit" alt="Login" onClick="doSubmit('submit')" />
<a id="signup" title="Signup" href="http://emoscene.com/wp-signup.php"><img title="SignUp" src="images/signup.gif" style="border-width:0px;" /></a></div>
<div align="center">
<a href="wp-login.php?action=lostpassword" class="style3">Lost your password?</a> </div></form>


Sorry for the ugly code.
I appreciate any help and I'll add rep.

 

[Dan]

Replace

<input type="text" name="log" id="user_login" value="" size="20" tabindex="1" />

With

<input style="width: 200px;" type="text" name="log" id="user_login" value="" size="20" tabindex="1" />

Then- Replace

<input type="password" name="pwd" id="user_pass" value="" size="20" tabindex="2" />

With

<input style="width: 200px;" type="password" name="pwd" id="user_pass" value="" size="20" tabindex="2" />

If you want them to be wider or narrower, edit 200px.