Espace entre deux div dans IE

Question

J'ai un problème étrange entre deux div, il y a un espace en dessous du div supérieur qui ne montre que dans IE8. Bien que j'utilise IE8 à la maison, je ne le vois pas, mais dans d'autres endroits.

image dans IE (le rouge est l'espace qui ne devrait pas être là):

Dans Firefox et tous les autres navigateurs, il montre bien, comme indiqué ci-dessous:

<div id="top"> 

<form action="" onsubmit=""> 

    <table > 

    <tr> 

    <td> 
    Name<input type="text" /> 
    </td> 


    <td> 
    Password<input type="password" />    
    </td> 

    <td> 

    </td>    

    </tr> 


    </table> 

    </form> 

</div> 

    <div id="header"> 

    </div> 


#top 
{ 
    margin-right: auto; 
    margin-left: auto; 
    margin-top: 0px; 
    background-color: #000000; 
    top: 0px; 
    text-align: center; 
    font-size: 16px; 
} 
#header 
{ 
    width: 100%; 
    height: 100px; 
    background-color: #336699; 
    margin: 0px; 
    padding: 0px; 
} 

Je essayé de flotter les deux div mais je ne peux pas sembler le faire fonctionner.

Un conseil? Merci

Answer 1

Définissez la marge de tous les éléments de formulaire à 0px:

form 
{ 
    margin: 0px; 
} 

Answer 2

Modifier la marge des divs à 0px et voir cela fonctionne.