A letras do site ficam emcima do submenu quando ele aparece

[Wagner Martins - SC 0]

Olá,

 

Estou fazendo um site com submenu que quando passa o mouse emcima do menu, ele aparce o submenu. Mai o sbmenu esta abrindo estranho porque a letras do site ficam por cima dele, como posso resolver isso, já usei o z-index mais naum resolveu, http://forum.imasters.com.br/public/style_emoticons/default/natal_mad.gif

 

Veja o erro no site: http://www.sindisaudecriciuma.com.br/novo/

 

Olha meu códifo do menu:

 

css

#nav, #nav ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float: left;
	list-style: none;
	line-height: 1;
	margin-left:30px;
	margin-top:-4px;
}

#nav a {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px;
}

#nav li {
	text-align:left;
	float: left;
	padding: 0;
}

#nav li ul {
	background:#E2E2E2;
	border:#6D98CF solid 1px;
	text-align:left;
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px;
	font-weight: normal;
	border-width: 1px;
	margin: 0 auto;
}

#nav li li {
	padding-right: 2px;
}

#nav li ul a {
	width: 119px;
	color:#666666;
	z-index:6;
	}

#nav li ul ul {
	margin: -2.8em 0 0 10.4em;
	_margin: -2.8em 0 0 9.7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #6D98CF;
}

xhtml

 

<ul id="nav">

	 <li><a  href="index.php" >Principal</a></li>

	 <li><a  href="#" >Instituição</a>

		<ul>
		   <li><a  href="diretoria.php" class="sub_link">Diretoria</a></li>
		   <li><a href="historia.php" >Historico</a></li>
		   <li><a  href="subsede.php" >Subsede</a></li>
		   <li><a href="base_territorial.php" >Base Territorial</a></li>

		</ul>
	</li>

	 <li><a  href="#" >Convênios</a>
		<ul>
		   <li><a href="vantagens.php" >Vantagens</a></li>
		   <li><a  href="convenios.php" >Convênios</a></li>
		   <li><a href="associese.php" >Associe-se</a></li>
		</ul>
	</li>
	 
	 <li><a  href="#" >Organização Sindical</a>
		<ul>
		   <li><a href="confederacao.php" >Confederação da Saúde </a></li>
		   <li><a href="federacao_saude.php" >Relação de Federações da Saúde </a></li>
		   <li><a  href="relacao_sindicato.php" >Relação de Sindicatos da Saúde do Estado de S.C. </a></li>
		</ul>
	</li>
	
	 <li><a  href="#" >Informativo</a>
		<ul>
		   <li><a  href="fatos_fotos.php" >Fatos e Fotos</a></li>
		   <li><a href="jornal.php" >Jornal do Sindicato</a></li>
		</ul>
	</li>

	<li><a href="#">Leis e normas</a>
		<ul>
			<li><a href="#" class="daddy">leis</a>

				<ul>
		   <li class="sub"><a  href="constituicao_sc.php" class="links_sub2"> Saúde Constituição SC</a></li>
		   <li class="sub"><a href="constituicao_federal.php" class="links_sub2">Saúde Constituição Federal</a></li>
		   <li class="sub"><a href="lei_8080.php" class="links_sub2">Lei 8.080, 19/07/1990</a></li>
		   <li class="sub"><a href="lei_8142.php" class="links_sub2">Lei 8.142, 28/12/1990</a></li>
				</ul>
			</li>
			<li><a href="#" class="daddy">Normas</a>
				<ul>
					<li><a  href="nr_32.php" class="links_sub_nr"> Nr 32 entra em vigor</a></li>
					<li><a href="#">Lopholatilus</a></li>
					<li><a href="#">Malacanthus</a></li>
				</ul>
			</li>
		 <li><a href="convencoes.php" >Convenções</a></li>
		 <li><a href="piso_salarial.php" >Piso Salarial</a></li>
		 <li><a href="inpc.php" >INPC para Data Base</a></li>
		 <li><a href="carta_sindical.php" >Carta Sindical</a></li>
		 <li><a href="certidao.php" >Certidão</a></li>
		</ul>
	</li>

	 <li><a  href="#" >Fale Conosco</a>
		<ul>
		   <li><a  href="pergunte_advogado.php" >Pergunte ao advogado</a></li>
		   <li><a  href="contato.php" >Formulário de contato</a></li>
		   <li><a  href="cadastro_de_curriculum.php" >Bolsa de empregos</a></li>
		</ul>
	</li>

</ul>

[webflex 0]

Olá,

 

No seu CSS acrescente um z-index: 1; conforme está em baixo:

#menu{
margin-top:12px;
margin-left:16px;
_margin-left:-7px;
position:absolute;
width:700px;
z-index: 1;
}

Cumps \o/

[Wagner Martins - SC 0]

Deu certinho cara, eu tava colocando o z-index no lugar errado :P

 

Valeu ai!!

[Giovani 104]

Que bom que o problema foi resolvido! http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif