Html IE中顶部导航条的奇怪行为

我正在尝试为我们的网站实现一个新的导航栏。在Chrome中效果很好，但在IE中它做了一些奇怪的事情。当您将鼠标移到具有子菜单的菜单上时，子菜单会正常显示，但当您尝试移动到子菜单上时，它会关闭

有没有人有过类似的经历？css设置中是否有我可以更改的内容，以使其正常化

以下是导航栏的css代码：

>
>导航{
>显示：块；
>文本对齐：居中；
>      }
>导航ul{
>保证金：0；
>填充：0；
>列表样式：无；
>      }
>.导航a{
>显示：块；
>背景：#111；
>颜色：#fff；
>文字装饰：无；
>填充物：0.2em 1.8em；
>文本转换：大写；
>字号：80%；
>字母间距：1px；
>文本阴影：0-1px0#000；
>位置：相对位置；
>      }
>.nav{
>垂直对齐：顶部；
>显示：内联块；
>框阴影：
>1px-1px-1px 1px#000，
>-1px 1px-1px 1px#fff，
>0 0 6px 3px#fff；
>边界半径：6px；
>      }
>李国荣先生{
>位置：相对位置；
>      }
>.nav>li{
>浮动：左；
>边框底部：4px#aaa实心；
>右边距：1px；
>      } 
>.nav>li>a{
>边缘底部：1px；
>盒影：插图0.2em.33em-0.5em#555；
>      }
>.nav>li:悬停，
>.nav>li:hover>a{
>边框底色：橙色；
>      }
>.nav li:悬停>a{
>颜色：橙色；
>      }
>.nav>li:第一个孩子{
>边界半径：4px 0 0 4px；
>      } 
>.nav>li:第一个孩子>a{
>边界半径：4px0；
>      }
>.nav>li:最后一个孩子{
>边界半径：0 4px 0；
>右边距：0；
>      } 
>.nav>li:最后一个孩子>a{
>边界半径：0 4px 0；
>      }
>nav li li a{
>页边顶部：1px；
>      }
>  
>//然后。。。奇迹发生了。。。。
>  
>  
>李娜：第一个孩子：第n个最后一个孩子（2）：在{
>内容：“；
>位置：绝对位置；
>身高：0；
>宽度：0；
>边框：5px实心透明；
>最高：50%；
>右：5px；
>       }
>  
>  
>  
>/*子菜单定位*/
>美国海军{
>位置：绝对位置；
>空白：nowrap；
>边框底部：5px实心橙色；
>z指数：1；
>左：-99999 em；
>      }
>.nav>li:悬停>ul{
>左：自动；
>边缘顶部：5px；
>最小宽度：100%；
>      }
>.nav>li-li:hover>ul{
>左：100%；
>左边距：1px；
>顶部：-1px；
>      }
>/*箭头悬停样式*/
>第一个孩子：第n个最后一个孩子（2）：在{
>边框顶部颜色：#aaa；
>      }
>.nav>li:hover>a:第一个孩子：第n个最后一个孩子（2）：之前{
>边框：5px实心透明；
>边框底色：橙色；
>页边顶部：-5px
>      }
>第一个孩子：第n个最后一个孩子（2）：在{
>左边框颜色：#aaa；
>页边顶部：-5px
>      }
>.nav li li:悬停>a:第一个孩子：第n个最后一个孩子（2）：之前{
>边框：5px实心透明；
>右边框颜色：橙色；
>右：10px；
>      }
>  
>  
>  
>

什么版本的IE？我在11上得到了预期的结果。早期版本的IE可能在

元素上有问题。尝试改用