Css 多级菜单的问题

我有一个下拉菜单在我的页面上，但有一些问题，即当下拉菜单出现并向下移动到一定的限制，它会消失，如图所示。

1）如图所示，当手机应用程序开发下拉菜单出现，并向下移动到Black berry时，其工作状态消失，但当我将鼠标指针移动到Palm时，菜单消失。
css代码为

/*菜单样式*/

/* menu styles */


nav, #nav ul{

margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}


nav a{

display:block;
padding:0px 5px;
border:1px solid #333;
color:#fff;
text-decoration:none;
text-align: center;
background-color:#333;
width:80px;
}


nav a:hover{

background-color:#fff;
color:#333;
}


nav li{

float:left;
position:relative;
border-right: 1px solid white;
}


nav ul {

position:absolute;
display:none;
width:12em;
top:1.5em;
}


nav li ul a{

width:12em;
height:auto;
float:left;
}


nav ul ul{

top:auto;
}   


nav li ul ul {

left:12em;
margin:0px 0 0 10px;
}


nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{

display:none;
}


nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

display:block;
}

导航{
保证金：0；
填充：0；
列表样式类型：无；
列表样式位置：外部；
位置：相对位置；
线高：1.5em；
}

导航a{
显示：块；
填充：0px 5px；
边框：1px实心#333；
颜色：#fff；
文字装饰：无；
文本对齐：居中；
背景色：#333；
宽度：80px；
}

导航a：悬停{
背景色：#fff；
颜色：#333；
}

李海军{
浮动：左；
位置：相对位置；
右边框：1px纯白；
}

导航ul{
位置：绝对位置；
显示：无；
宽度：12em；
顶部：1.5em；
}

纳夫利乌拉酒店{
宽度：12em；
高度：自动；
浮动：左；
}

导航ul{
顶部：自动；
}

纳夫利乌尔{
左：12em；
利润率：0px 0 10px；
}

导航李：悬停ul，#导航李：悬停ul，#导航李：悬停ul{
显示：无；
}

导航李：悬停ul，#导航李：悬停ul，#导航李：悬停ul，#导航李：悬停ul，#导航李：悬停ul{
显示：块；
}

---

我应该在css中做什么，以便我的菜单显示在我的另一个分区上。

尝试在css中指定z索引：

z-index : 100;