css - ie7中的css子菜单悬停问题

Question

Internet Explorer，我们亲爱的老敌人.... IE7 让我的 css 下拉/飞出菜单让我头疼。

出于某种原因，将鼠标悬停在具有飞出级别的子菜单上时，该级别会闪现到视图中，然后立即消失。想不通。

http://cy4or.co.uk

查看 IE7 中的 Services/Digital Forensics，您会发现问题所在。

Answer 1

Remove position:relative from the list items for IE7:

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

position:relative triggers hasLayout and a stacking context in IE6/7, which combined with the float, causes the content to drop out of view.