html - 変クロームに重ねる

Question

別の div 要素が浮かんでいると考えるテキスト入力があります。マウスを重ねると、カーソルは同じままです。テキスト入力のごく一部しかクリックできません。

要素を調べると、header-resize.

ここでそれを参照してください：

http://jsfiddle.net/HxHDK/2/ (申し訳ありませんが、多くのリソースが不足していることは承知していますが、問題はまだ残っています)

バグのあるテキスト入力は To: フィールドです。これはGoogle Chromeでのみ発生しています。

z-index 属性を追加しようとしましたが、うまくいきませんでした。

何かご意見は？

Answer 1

奇妙な動作ですが、ルール宣言に追加overflow: hidden;することで修正できます.header

Answer 2

上の負の上部マージンを削除すると、.contentこの実に奇妙な問題が解決されます。

Answer 3

heightから属性を削除するheaderと、問題はなくなります。