how do I change the height of an <input type="text"> box?

The input text boxes are too tall, and I want them to be shorter. I've tried so many things now my brain is turning to mush. I managed to change the height of the input boxes in Firefox and Safari, but in IE, I can't get it to budge.

This is the code I've been using that works in Firefox and Safari, but not IE...

Code: Select all

<div class="loginitem_username_input"><input type="text" size="10"/></div>

Code: Select all

input[type="text"] {
	line-height: 10px;
	font-size: 10px;
	maxlength: 20;
	font-size: 10px;
}

thanks for any help!

The [type="text"] doesn't work in IE. You either just put input { } or assign a class the certain input elements you want the height to change.