Transparencia DIV UL no IE7

[leonardo sanches 0]

Olá pessoal,

Eu tenho uma DIV "notícias" com varias UL Gallery, dentro dessas Gallerys temos uma LI com onmouseover para uma UL de imagens.

Pois bem essa UL funciona certinho em todos os navegadores, somente no IE7 Ela fica transparente, como se tivesse por baixo das outras UL Gallery.

Alguém já passou por isso ou alguém poderia ajudar?!

 

Obrigado!

 

 

Código CSS Custom_IE7 (os demais navegadores pegam o custom e os IEs superiores pegam o custom.IE8)

/* NOTICIAS FOTOS INTERNA */
#noticias_fotos_interna {
	/*background-color:#d1e3ef;*/
	/*width:560px;*/
	min-height:5em;
	margin:10px 0;
	float:left;
}
#noticias_fotos_interna_tit h2 {
	font: bold .8em Arial, Helvetica, Verdana, sans-serif;
	color: #0066a6;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin:0 0 6px 4px!important;
	padding-top:5px;
}
#noticias_fotos_interna_tit h2 a{
	color: #0066a6;
	text-decoration:none;
}
#noticias_fotos_interna_tit h2 a:hover{
	text-decoration:underline;
}
#noticias_fotos_interna_tit h2 a:visited{
	color: #0066a6;
	text-decoration:none;
}
#noticias_fotos_interna_tit ul{
	margin: 5px 0 6px 8px;	
	float:left;
	list-style-type:none!important;
}
#noticias_fotos_interna_tit ul li{
	display:inline;
	width:80px;
}
#noticias_fotos_interna_tit ul li.camera {
	background: url(../images/common/icos_portal.png) left bottom no-repeat;
	background-position: 0 -384px;
	width: 19px;
	height: 11px;
	margin: 7px 0 0 0;
}

#noticias_fotos_interna ul{
	margin: 5px 0 6px 8px;	
	float:left;
	list-style-type: none!important;
}
#noticias_fotos_interna h4{
	font: bold .9em Arial, Helvetica, Verdana, sans-serif;
	color: #0066a6;
	text-decoration:none;
	margin: 6px 0 0 0;
	/*float:left;*/
	word-wrap:break-word;
}
#noticias_fotos_interna h4 a{
	color: #0066a6!important;
	text-decoration:none;
	/*min-width:430px;*/
}
#noticias_fotos_interna img{
	width:100px;
	height:70px;
	margin: 0px 10px 10px 0;
	overflow: hidden;
	float:left !important;
}
#noticias_fotos_interna ul#gallery2{
	/*float:left;*/
	margin: 0 0 0 10px;
	border:none !important;
	min-width:540px;
}
#noticias_fotos_interna ul#gallery2 li{
	display:inline;
	border:none !important;
	list-style-type:none!important;
	margin: 0;
	vertical-align:top!important;
}
#noticias_fotos_interna ul#gallery2 li p{
	/*width:537px;*/
	border:none !important;
	letter-spacing: 0;
	line-height:14px;
	margin:0px 0 0px 0!important;
	word-wrap:break-word;
	font-size:.9em;
}
#noticias_fotos_interna ul#gallery2 li p a{
	color:#6f6f6f;
	border:none !important;
	/*min-width:30em;
	width: 537px;*/
}
#noticias_fotos_interna ul#gallery2 li p.peq {
	font-size:.6em;
	border:none !important;
	margin: 3px 0 7px 0!important;
	color:#6f6f6f;
	line-height:0;
	word-wrap:break-word;
}
#noticias_fotos_interna ul#gallery2 li p.peq a{
	font-size:1.0em;
	border:none !important;
	margin-bottom:-2px;
	color:#6f6f6f;
	text-decoration:underline !important;
	float:left;
}
#noticias_fotos_interna ul#gallery2 li p.peq a:hover{
	color:#2073AA;
	text-decoration:none;
}
#noticias_fotos_interna ul#gallery2 li p.peq a:visited{
	color:#6f6f6f;
	text-decoration:none;
}
#noticias_fotos_interna ul#gallery2 li ul {
	padding: 15px 0 0 15px;
	margin: 36px 0 0 -2px;
}
#noticias_fotos_interna ul#gallery2 li ul li a {
	margin: 0 15px 15px 0;
	padding: 0;
}

[crf_h0m3r 5]

Não entendi muito bem não, mas já tentou colocar um z-index, nesse item que fica abaixo dos outros?

Se possível mostre o projeto online ou coloque o HTML(da parte desejada) pra podermos visualizar melhor.

[leonardo sanches 0]

Opa beleza?

Melhor darem uma olhada: http://www.rj.gov.br/web/imprensa/listaconteudo?search-type=fotos&secretaria=/imprensa

 

visualizando no IE7 ele da o problema.

Já tentei com o z-index sim. Ele na verdade possui um Z-index e algo mais herdado de um CSS pai chamado vertical.css, não tenho muita experiência com CSS e esse problema esta me deixando doido :mellow:

 

Agradeço a ajuda!

 

conseguiram entender? alguém tem alguma idéia mirabolante para a resolução do problema? :)