为什么这个元素在移动？

Question

我的网站上有一个参赛表格，点击提交后，它会在谷歌浏览器中移动，但不会在Firefox或ie中移动。有没有办法让它在铬中固定不变？我尝试了很多不同的事情，我忘记了之前尝试过的所有事情。

网址为http://www.readysetpixel.net/contest.html

如果您无法复制此问题，请与我们联系。

更新：

已卸载chrome - 已删除历史记录并使用ccleaner修复了reg - 重新安装了chrome

还有同样的问题---点击提交时，所有内容都会向上滑动20px

修正：在FORM上设置一个高度，不再向上移动。

Answer 1

onClick在提交按钮的左上角有一个加载图标。这导致其上方的其他内容向上移动。

Answer 2

你有自动高度，也许你应该尝试强制固定高度。

.content {
width: 800px;
}

Answer 3

修正：在FORM上设置一个高度，不再向上移动。

Answer 4

我设置了一个断点并单步执行你的.submit（）处理程序，看起来这行引起了跳转：

$('#load').append('<center><img src="images/ajax-loader.gif" alt="Currently Loading" id="loading" /></center>').delay('500');