[Resolvido] Menu CSS não funciona no IE7

['Nicollas Veiga Hubert 0]

Olá pessoal, to com um problema no submenu do meu site no IE 7, o submenu abre quando vou na opção de produtos, mas na hora que vou pra clicar em uma das opções ele desaparece.

 

meu site: http://www.digitown.com.br/gtp.com.br

 

Não consegui descobrir o erro...

 

CSS

 

#menu {
left: 98px;
position: absolute;
top: 155px;
z-index: 15;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border: none;
z-index: 15;

}
#menu ul a:hover {
background:url(img/bgMenu.png) no-repeat right;
}

#menu ul li {
position: relative;

}

#menu li ul {
position: absolute;
left: 149px;
top: -20px;
display: none;
z-index: 15;
}

#menu ul li a {
background-image:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
display: block;
text-decoration: none;
color: #003366;
padding: 5px 15px 5px 5px;
border:none;
text-align: right;
z-index: 15;
}

#menu ul li ul li a {
background-image:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
display: block;
text-decoration: none;
font-style:italic;
color: #003366;
padding: 5px;
border: none;
text-align: left;
margin-left:15px;
width:130px;
z-index: 15;
}

#menu ul li ul li.topo { background:url(img/submenuTop.png) no-repeat left bottom; width:168px;  z-index: 15;}
#menu ul li ul li.submenu { background: url(img/submenuBack.png)  repeat-y; width:178px; z-index: 15;}
#menu ul li ul li.base { background:url(img/submenuBottom.png) no-repeat left top; width:178px; z-index: 15;}

#menu ul li ul li a:hover {
color: #cbd631;
background-color: #003366;
background-image:none;
z-index: 15;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; }
* html #menu ul li a { height: 1%; }
/* End */



#menu li:hover ul, li.over ul { 
display: block; 
}

 

HTML

 

<ul> 
	<li  style="border-bottom: solid 1px #FFF;"><a href="http://www.digitown.com.br/gtp.com.br">HOME</a></li> 
	<li style="border-right: solid 3px #cbd631; border-bottom: solid 1px #FFF;"><a href="#">PRODUTOS</a> 
	  <ul> 
		  <li class="topo"> </li> <!-- TOPO DO MENU -->
		<li class="submenu" ><div><a href="produtos/acessorios">Acessórios</a></div><div style="top:2px; bottom:2px; left:-10px"><img height="1px" width="130px" src="<?php bloginfo('template_directory'); ?>/img/linhaAzul.png"  /></div></li>
		<li class="submenu" ><div><a href="servicos/corte-a-frio">Corte e Dobra a Frio</a></div><div style="top:2px; bottom:2px; left:-10px"><img height="1px" width="130px" src="<?php bloginfo('template_directory'); ?>/img/linhaAzul.png"  /></div></li>
		<li class="submenu" ><div><a href="servicos/corte-a-quente">Corte a Quente</a></div><div style="top:2px; bottom:2px; left:-10px"><img height="1px" width="130px" src="<?php bloginfo('template_directory'); ?>/img/linhaAzul.png"  /></div></li> 
		<li class="submenu" ><div><a href="produtos/kit-galpao/kit-galpao">Kit Galpão</a></div><div style="top:2px; bottom:2px; left:-10px"><img height="1px" width="130px" src="<?php bloginfo('template_directory'); ?>/img/linhaAzul.png"  /></div></li>   
		<li class="submenu" ><div><a href="produtos/telhas">Telhas</a></div></li> 
		<li class="base"> </li> <!-- BASE DO MENU -->
	  </ul> 
	</li> 
	<li style="border-bottom: solid 1px #FFF;"><a href="servicos">SERVIÇOS</a></li>
	<li style="border-bottom: solid 1px #FFF;"><a href="empresa">EMPRESA</a></li>
	<li style="border-bottom: solid 1px #FFF;"><a href="qualidade">QUALIDADE</a></li> 
	<li style="border-bottom: solid 1px #FFF;"><a href="como-chegar">COMO CHEGAR</a></li> 
	<li><a href="contato">CONTATO</a></li>  
</ul>

 

Se alguém puder me ajudar, ficarei muito grato.

Abraço ae!

[brunosk2 0]

deve ser erro de z-index, aumenta o z-index do submenu, e define um no que deve ficar por baixo.

Elementos com z-index, devem ter position definido.

['Nicollas Veiga Hubert 0]

Verifiquei e os Position estão definidos, coloquei os Z-index mas não fez diferença não

 

e tipo, se você for em uma das outras páginas, como serviços, da pra ver q o Submenu realmente aparece por baixo ... mas d qualquer forma quando você tem "acessar" o submenu ele desaparece, como se o display:block não estivesse funcionando...

 

help?

[mateusguitar1 0]

Pow cara! eu não reparei em nenhum ero aki no meu IE não! não sei se você ja resolveu...

 

caso não tenha resolvido, especifica ai.. :S

 

eu to com o seguinte problema tbm --> ( http://www.arteria.com.br/advogados )

 

no Chrome, Firefox, Safari Funfa dii boa.. mas no IE não funciona, queria deixar o menu na horizontal no IE tbm

 

alguém pode me ajudar? :ermm:

['Nicollas Veiga Hubert 0]

O IE ta ignorando o seu float:left; e seu position:relative

e tem muito atributo duplicado no seu CSS - sei que não interfere mas é bom deixar ele limpinho

 

da uma olhada nesse float e no position - as vezes a gente consegue se ajudar...

 

Porque você ta usando tantas tabelas no seu site?

[mateusguitar1 0]

o cara que pediu assim.. pra eu alinhar com Tabela <_<

mas eu consegui descobrir oq era! era uma tabela a mais que tava la...

mas valeu pela Força =D

e o seu, você conseguiu resolver?

['Nicollas Veiga Hubert 0]

Sobreposição de DIV ... descobri agora só tive q mudar a div do menu COMPLETAMENTE de lugar... mas Venci o IE 7 isso me deixa feliz... haha