IE中两个div之间的空格

Question

我在两个div之间有一个奇怪的问题，顶部div下方有一个空格，只在IE8中显示。虽然我在家里使用IE8，但我没有看到它，但在其他地方我也是这样。

IE中的图像（红色是不应该存在的空间）：

在firefox和其他所有浏览器中，它显示正常，如下所示：

 <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;
}

我试过漂浮两个div但我似乎无法让它工作。

有什么建议吗？感谢

Answer 1

将所有表单元素的边距设置为0px：

form
{
    margin: 0px;
}

Answer 2

将div的边距更改为0px并查看其是否有效。