Страница содержит форму входа в систему, которая поддерживается div "login".В IE9 этот div отображается дважды.
Я изучал CSS, HTML и исходные тексты в нескольких браузерах.Я не могу найти причину для IE, чтобы отобразить div дважды.
Сайт можно найти здесь: http://atbfacturen.wietze.uwvakman.nl:81/
Мне неясно, почему IE делает это.
HTML:
<body>
<div id="header">
<a href="/users/home"><img src="/img/atblogo_black.png" alt="Logo ATB Facturen" /></a>
<div id="headerOptions">
Tuesday 06 September 2011 | <a href="/pages/help">Hulp</a>
</div>
</div>
<form action="/" id="UserLoginForm" method="post" accept-charset="utf-8">
<div style="display:none;">
<input type="hidden" name="_method" value="POST" />
</div>
<div id="login">
<table>
<tr>
<td><strong>Gebruikersnaam</strong></td>
<td><input name="data[User][username]" type="text" style="width:150px" maxlength="50" id="UserUsername" /></td>
</tr>
<tr>
<td><strong>Wachtwoord</strong></td>
<td><input type="password" name="data[User][password]" style="width:150px" id="UserPassword" /></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="Aanmelden" /></td>
</tr>
</table>
</form>
</div>
</body>
CSS:
#login {
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 200px;
padding: 25px;
background-color: #efefef;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}