Display issue with IE 6 + 7 with form input fields

I run into something I have not seen before, in IE 6 and 7 the input fields of my contact form are being being pushed way down. See example here: http://tossurl.com/1928/

It displays properly in firefox, chrome, IE8.

Here is my css for the form:

.contact { line-height:125%}
.contact p { border:1px solid #FF0000;margin:5px 0;}
.contact input, .contact textarea {border:1px solid #87B5DC; background-color:#F2F9FE; margin:2px 0;padding:3px 0;width:300px; font-size:12px;}

Code (markup):

The red border is there to show the box that should contain both the title and input field.

Any ideas?

 

It displays fine to me in IE6

 

I've tried it on 3 different system with ie7 and 2 different systems for ie6.

What OS are you running?