css - IE7 での CSS サブメニュー ホバーの問題

Question

Internet Explorer、親愛なる古い敵.... IE7 が原因で、css ドロップダウン/フライアウト メニューで頭痛がします。

何らかの理由で、フライアウト レベルを持つサブメニューにカーソルを合わせると、そのレベルが表示されてすぐに消えます。それを理解することはできません。

http://cy4or.co.uk

IE7 の Services/Digital Forensics を見ると、この問題が表示されます。

Answer 1

IE7 のリスト項目から position:relative を削除します。

@media, 
  { 
  #access .menu li { position: static;} 
  }

position:relative は hasLayoutをトリガーし、フロートと組み合わされた IE6/7 のスタッキング コンテキストにより、コンテンツが表示されなくなります。