Textbox with type "Password" is not the same height?

[ckny]

I am using CSS to define a textbox style.

Here's the code:

.loginbox {
 font-size: 14px;
 height: 18px;
 background-color: #CCC;
 border: 1px solid #000;
}

I am using two of them next to each other - one for username and one for password. The password one has the type set to "password". it is shorter in height than the one set to "text". If I change it's type to text then it becomes the same size. Is there any way around this?

[Medyman]

That should work in the way that you want. Not sure why it isn't for you.

Do you have a sample page showing the problem?

You might want to add a seperate class for the password field and see if that helps.

input.loginbox[type='password']

[ckny]

Heres a sample test page - look at the top login bar:

www.zreloaded.com