Can someone please help with this login form, IE/FF Look-Act Different.

[Gitman]

Hey,

I'm not sure if this is the right forum, but here goes. This form looks like I want it to in FF, but when you click the "login" button it expands a little bit and pushes the register button down, which doesn't seem right. In IE, everything is cool except that the text on the input button on not centered. They are a little higher than they should be. Now, if I could just somehow combine the two browsers into one, I might be getting somewhere! Anyway, here is teh code:



<table>
<tr> <td width="140" height="25">


<p align="center"><font color="#FD2600" size="3">Member Login</font></p>


</td> </tr> <tr> <td style="padding-bottom: 5px; border-top: black 1px dashed; padding-top: 5px; padding-bottom: 5px">





<script language="javascript">





function StartCustomLogin()


{





if(frmCustomCustomerLogin.txtUsername.length <= 0)


{


alert('You MUST Enter an Email Address or Username To Login!!');


frmCustomCustomerLogin.txtUsername.focus();


return false;


}


else if(frmCustomCustomerLogin.txtPassword.length <= 0)


{


alert('You MUST Enter a PASSWORD To Login!!');


frmCustomCustomerLogin.txtPassword.focus();


return false;


}


else


{


frmCustomCustomerLogin.btnLogin.disabled=true;


return true;


}


}


</script>


<table border="0" width="100%" cellpadding="1" style="border-collapse: collapse">


<form name="frmCustomCustomerLogin" method="POST" action="index.asp?PageAction=LOGIN&amp;Auth=1" onsubmit="return StartCustomLogin();">


<tr>





<td width="100%">


<table border="0" width="100%" cellpadding="0">


<tr>


<td width="40%">Username:</td>


<td width="60%"><input type="text" name="txtUsername" size="17" maxlength="15" style="font-size:7pt; border: inset 1px #808080;"></td>


</tr>


<tr>


<td width="40%">Password:</td>


<td width="60%"><input type="password" name="txtPassword" size="17" maxlength="15" style="font-size:7pt; border: inset 1px #808080;"></td>





</tr>

<tr>


<td width="40%" rowspan="2"></td>


<td width="60%">


<input type="submit" value="Login" name="btnLogin" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'" style="font-size:7pt">





</td>


</tr>


<tr>


<td width="60%">





<input type="button" value="Register" name="btnRegister" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'" style="font-size:7pt" onclick="window.location.href='index.asp?PageAction=CUSTREG';">





</td>


</tr>
<tr>


<td width="40%"></td>


<td width="60%">


<a href="index.asp?PageAction=EMLPASS">Forgot
Password?</a>





</td>


</tr>


</table>





</td>

</form>


</tr>


</table>





</td>


</tr>

</table>


Can anyone please help me out?

Thanks

[Fang]

Need to see the css and full document