Any reason I get the extra interval below IE6-7?

Question

Any reason I get an extra interval under each entry in my contact form?

This only happens in ie6 and ie7

http://nhbs.bythepixel.com/contact.html

Answer 1

I have tested. Just use this code for IE in the conditional stylesheet if you use

FORM#contactform .input { margin-bottom: -11px; }

or right to the head like this code

<!--[if lte IE 7]>
<style type="text/css" media="screen">
 FORM#contactform .input { margin-bottom: -11px; }
</style>
<![endif]-->

This is an IE error that you can see here:

http://www.positioniseverything.net/explorer/inherited_margin.html

http://forums.devshed.com/css-help-116/margin-bug-in-ie7-a-kind-of-the-double-margin-548527.html

Answer 2

, ... .. ""

Answer 3

IE ( ) . , , , input table? , , , , .

Answer 4

( IE), :

<!--[if lte IE 7]>
<style type="text/css" media="screen">
  #contactform { height: 1% }
</style>
<![endif]-->

( IE6 IE7)