Problemas com submenus usando Facelets

Senhores do saber Java, boa noite!

Tenho um Facelets como o template abaixo:

<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="index_files/cbcscbindex.css" type="text/css" />
        <title>Facelets Template</title>
    </h:head>
    
    <h:body>
        
        <div id="top">
            <ui:insert name="top">
                <ul id="ebul_cbindex_1" class="ebul_cbindex" style="display:none;">
                <li><a title="">Item</a>
                <ul id="ebul_cbindex_1_1">
                <li><a title="">Item</a></li>
                </ul></li>
                <li><a title="">Item</a>
                <ul id="ebul_cbindex_1_3">
                <li><a title="">Item</a></li>
                <li><a title="">Item</a></li>
                <li><a title="">Item</a></li>
                </ul></li>
                <li><a title="">Item</a></li>
                <li><a title="">Item</a></li>
                </ul>
<table id="cbindexebul_table" width="0" cellpadding="0" cellspacing="0" border="0">
<tr>
  <td style="padding-right:0px" title=""><a><img id="cbi_cbindex_1" src="index_files/ebbtcbindex1_0.gif" name="ebbcbindex_1" width="100" height="31" border="0" alt="Cadastros" title="" /> </a></td>
  <td style="padding-right:0px" title=""><a href="#{compromisso.listSetup}"><img id="cbi_cbindex_2" src="index_files/ebbtcbindex2_0.gif" name="ebbcbindex_2" width="100" height="31" border="0" alt="Consultas" title=""/></a></td>
  <td style="padding-right:0px" title=""><a><img id="cbi_cbindex_3" src="index_files/ebbtcbindex3_0.gif" name="ebbcbindex_3" width="87" height="31" border="0" alt="Agenda" title="" /></a></td>
  <td style="padding-right:0px" title=""><a><img id="cbi_cbindex_4" src="index_files/ebbtcbindex4_0.gif" name="ebbcbindex_4" width="94" height="31" border="0" alt="Farm&#65533;cia" title="" /></a></td>
  <td style="padding-right:0px" title=""><a><img id="cbi_cbindex_5" src="index_files/ebbtcbindex5_0.gif" name="ebbcbindex_5" width="101" height="31" border="0" alt="Relat&#65533;rios" title="" /></a></td>
  <td style="padding-right:0px" title=""><a><img id="cbi_cbindex_6" src="index_files/ebbtcbindex6_0.gif" name="ebbcbindex_6" width="75" height="31" border="0" alt="Ajuda" title="" /></a></td>
</tr>
</table>
<script type="text/javascript" src="index_files/cbjscbindex.js"></script>
            </ui:insert>
        </div>
       
        <div id="content" class="center_content">
            <ui:insert name="content">Content</ui:insert>
        </div>
        
        <div id="bottom">
            <ui:insert name="bottom"><h1>PSFNET - SAÚDE PARA O CIDADÃO</h1></ui:insert>
        </div>


    </h:body>
    
</html>

Ele cria um menu com botões bem legal, estes botões abrem uns submenus, porém quando o submenu está abrindo ele fica por tráz do content, ou seja, por traz do formulário que abre na parte central do template.

Como faço para corrigir isso e o submenu aparecer na frente (ou por cima, sobrepondo) o formulário?

Sds,

Maurijava

1 Resposta

Topicos relacionados