E aí galera!!! Tudo bem???
Tô com um problema com um menu em JavaScript, o problema é o seguinte o menu tá funcionando beleza, só que ao abrir os seus submenus eles ficam embaixo do meus combobox da minha página em JSP. Já tó perdendo os cabelos!!! :shock: Alguém pode me ajudar? Segue em anexo o meu código:
body { font: normal 62.5% verdana; }
ul#primary-nav,
ul#primary-nav ul {
margin: 0;
padding: 0;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
background: #fff; /* IE6 Bug */
font-size: 100%;
}
ul#primary-nav li {
position: relative;
list-style: none;
}
ul#primary-nav li a {
display: block;
text-decoration: none;
color: #777;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */
ul#primary-nav ul {
position: absolute;
display: none;
left: 149px; /* Set 1px less than menu width */
top: 0;
}
ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */
ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9; }
ul#primary-nav li a:hover { color: #E2144A; }
<li class= "menuparent" ><a href= "#" > Eficiência</a>
<ul>
<li><a href= "<c:url value=" /paradas.index.chain" /> ">Cadastro de Paradas</a></li>
<li><a href= "#" > Gráficos Paradas</a></li>
<li class= "menuparent" ><a href= "#" > Manutenção Tabelas</a>
<ul>
<li><a href= "<c:url value=" /area.index.chain" /> ">Area</a></li>
<li><a href= "<c:url value=" /detalheArea.index.chain" /> ">Detalhe da área</a></li>
<li><a href= "<c:url value=" /motivo.index.chain" /> ">Motivo</a></li>
<li><a href= "<c:url value=" /detalheMotivo.index.chain" /> ">Detalhe do Motivo</a></li>
<li><a href= "<c:url value=" /centroCusto.index.chain" /> ">Centro de Custo</a></li>
</ul>
</li>
</ul>
</li>
Galera, conto com a ajuda de vocês!!!
Desde de já, agradeço a atenção de todos!!!
MT - UDI / MG :roll:
