Internet Explorer自身移动网页元素
问题描述：
我有一个有趣的困境。对于IT课程，我必须设计一个带有我已经完成的天气数据库的网站。它在Chrome和Firefox中很好地显示（我假设为Safari），并且大部分都在Internet Explorer中显示。Internet Explorer自身移动网页元素
但是，正如你在这些截图中看到的，当用户将光标移动到他们附近时，IE似乎会自动移动链接和按钮。 IE布局移动光标到版权链接后 -
图2：：
图3 - 相比 -
图11E布局移动光标到版权链路之前与Chrome：
T他的网址是http://penguinweather.tk。请随时查看是否有帮助。该问题也发生在confirmation page（仅在IE中）。
下面是从网页最相关的代码：
<body class="body">
<center>
<h1>Penguin Weather</h1>
<h2>Weather Database</h2>
<h3>Welcome to Penguin Weather! You can enter new data here, or click on the second button to view all current weather data.</h3>
<form action="Database.php" method="post">
<table>
<tr>
<td>Location:</td>
<td>
<input type="text" class="textbox" name="loc" autofocus>
</tr>
<tr>
<td>Temperature:</td>
<td>
<input type="number" class="textbox" style="width:75px;" name="temp">
</td>
</tr>
<tr>
<td>Password:</td>
<td>
<input type="password" class="textbox" name="pass">
</td>
</tr>
</table>
<br>
<input type="submit" class="button" style="font-weight:bold;" value="Save Datum">
<br>
<br>
<a href="DataOutput.php" class="button">View Weather</a>
<a href="/pw/DataOutputV2.php" class="button">View Weather by Month</a>
<a href="/pw/ModifyData.php" class="button">Modify Weather</a>
</form>
</center>
</body>
<footer>
<center><a href="/auth.html" target="_blank">Copyright © 2016 Penguintech Ltd.</a></center>
<br>
<center><small><a href="/dev" target="_blank">View Development Directory</a></small> | <small><a href="/404">Test</a></small></center>
</footer>
预先感谢您。
（PS：除非你喜欢无害的烦恼，不要在企鹅点击）
答
原来的Internet Explorer不喜欢<center>标签，所以包裹的页面与CSS格式一div解决问题。
代码：
<div style="text-align:center">
*page content*
</div>
并保持居中表：
<table style="margin-left:auto; margin-right:auto">
*table content*
</table>