IE contact form positioning

Hi,

I’ve been trying to set up a modal dialog with a contact form. My problem is Internet Explorer 6 and 7 are creating some sort of 1px padding or border or something around my input elements.

(‘Contact Us’ tab in the header.)

You can see that each input has an extra 1px on top and 1px on the bottom. The first is pushed down 1px, the second is pushed down 3px, etc.


.text-input {
	width: 160px;
	height: 20px;
	[B]margin: 20px 0 0 50px;
	border: none;
	outline-style: none;
	padding: 0;[/B]
}


<div class="contact-form">
	<input class="text-input" type="text" name="name">
	<input class="text-input" type="text" name="from" id="from">
	<input type="hidden" name="subject" id="subject" value="Contact Form">										
	<input type="submit" name="submit" id="submit" value=""> 
	<textarea name="message" id="message" rows="5" cols="25"></textarea>
</div>

Thanks for any help!