Пространство между двумя div в IE

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