espace supplémentaire sur le dessus de l'image dans la forme dans IE

Question

J'ai un formulaire de test avec des espaces au-dessus de l'image supérieure qui ne devrait pas être là ... L'image est une image de fond attachée à la balise h1. Il semble qu'il y ait de l'espace entre le div .wufoo et le formulaire #main_form.

Css:

<link rel="stylesheet" href="https://system.netsuite.com/c.659197/oboe/integrate/wufoo/css/structure.css" type="text/css" /> 
<link rel="stylesheet" href="https://system.netsuite.com/c.659197/oboe/integrate/wufoo/css/form.css" type="text/css" /> 
<link rel="stylesheet" href="https://system.netsuite.com/c.659197/oboe/integrate/wufoo/css/theme.css" type="text/css" /> 
<style type="text/css"> 
* {padding:0;margin:0;} 
.wufoo{border:1px solid #444;margin:0;padding:0;} 
.wufoo p{padding:3px;} 
h1 {background:url("/oboe/header1.jpg") no-repeat -270px top; 
cursor:pointer;height:164px;margin:auto;width:626px;} 
h2{padding:3px; color:#444;} 
.wufoo textarea.inputreq{width:355px;} 
#main_form{padding:0;margin:0;} 
</style> 

HTML:

<div id="container"> 
<div class="wufoo"> 
<form id="main_form" name="main_form" method="POST" action="test.nl" onsubmit="return (window.isinited &amp;&amp; window.isvalid &amp;&amp; save_record(true))" style="margin: 0pt;"> 
<h1>Earth Day Giveaway</h1> 
<h2>Earth Day Giveaway</h2> 
</form> 
</div><!--end wufoo--> 
</div><!--container--> 

Answer 1

un élément H1 aura des marges qui lui sont appliquées par défaut.

h1 { margin: 0px; } 

ou dans votre cas si vous centrant (je ne sais pas si c'est ce que vous faites avec auto de marge), vous pouvez utiliser ceci:

h1 { margin: 0px auto; }