自动HTML表单验证错误消息显示在浏览器的奇怪位置

Question

所以这是我的问题，任何自动表单验证的错误消息都显示在一个完全错误的位置（这个例子在w3schools上，但我在自己的页面上也有这个问题）。
我无法找到解决问题的方法

修改

这就是Chrome（左）和Firefox（右）中相同页面的外观。

在下图中，我在Chrome上按了SUBMIT：

在下图中我在Firefox上按下了SUBMIT：