初めてタイトル通りなバグに遭遇して、ググッても出てこなかった。

このバグの条件として
・position指定の親(<nav/>)relative 子(<ul/>)fixedのヘッダー固定式
・子fixedの中にドロップダウンメニュー
・同ページにvideo要素かgoogleマップがある
・1ページ程スクロールさせる

上記のようなページをchromeで閲覧すると、
ドロップダウンメニューの中身が消えたり、hover cssが無効になったりの
現象が起こった。

解決策として
親(<nav/>)relativeも fixedにしてみると直った。
タグ ：
css