在chrome </div>上奇怪的<div>覆盖

Question

我有一个文本输入，认为它上面有另一个div元素。将鼠标悬停在上方时，光标保持不变。只需点击文本输入的一小部分即可。

当您检查元素时，它会显示它“认为”您将鼠标悬停在header-resize上。

在此处查看：

http://jsfiddle.net/HxHDK/2/（对不起，我知道有很多资源缺失，但问题仍然存在）

错误的文本输入是收件人：字段。这只发生在谷歌浏览器上。

我尝试添加z-index属性但不起作用。

有什么想法吗？

Answer 1

奇怪的行为，但可以通过将overflow: hidden;添加到.header规则声明来修复

Answer 2

删除.content上的负上边距解决了这个确实很奇怪的问题。

Answer 3

从height移除header属性，问题就消失了。