Weird <div> nakładki na chrome - html, css

Mam wpis tekstowy, który myśli, że nad nim unosi się inny element div. Po najechaniu myszką kursor pozostaje taki sam. Tylko kilka małych części tekstu można kliknąć.

Kiedy sprawdzasz element, pokazuje, że "myśli", że wisiałeś nad nim header-resize .

Zobacz tutaj:

http://jsfiddle.net/HxHDK/2/ (Niestety, wiem, że brakuje wielu zasobów, ale problem nadal występuje)

Wpisane dane wejściowe to pole Do :. Dzieje się tak tylko w Google Chrome.

Próbowałem dodać atrybuty indeksu Z, ale nie działało.

jakieś pomysły?

Odpowiedzi:

dziwne zachowanie, ale można je naprawić, dodając overflow: hidden; do .header deklaracja reguły

Usuwanie ujemnego marginesu górnego w .content rozwiązuje ten naprawdę dziwny problem.

Usunąć height atrybut z header a problem zniknął.