htmlcssinternet-explorerinternet-explorer-6

Any reason why I am getting extra spacing underneath.. IE6-7?

Any reason why I am getting extra spacing underneath each input on my contact form?

It only happens in ie6 and ie7

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

Solution

  • I tested. Just use this code for IE in conditional stylesheet if you are using:

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

    or put in head directly like this code:

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

    It's a IE bug you can see more details 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