No se ve el contenido de un DIV en IE6

[C2am]

Hola a todos.
Tengo un pequeño problema.
En IE 6 no se ven los link que están en la franja roja de la página.
En IE 7 y 8 se ve correctamente, pero en IE 6 no logro mostrarlo.
la pagina es http://www.puebloyreforma.org.ar/critica.php
Lo raro es que el ratón si "lee" esos link ya que cambia a la "manito" e incluso si le doy el clic el link funciona!?!!? No entiendo nada

El estilo para esta seccion es el siguiente:

Código:

.logo {
	font-family: Andes;
	color: #FFF;
}
#logo {
	text-align: center;
	position: absolute;
	width: 250;
	height: 110;
	left: 107px;
	top: 6px;
}
#contenido #cajacritica {
	background-color: #000;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	text-align: center;
	position: relative;
}
#cajacritica #visor {
	background-color: #000;
	text-align: center;
}

#indice {
	display: block;
	width: auto;
	clear: both;
	background-color: #9B0000;
	margin-left: auto;
	position: relative;
	margin-right: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	z-index: 2;
}
#indice #numerosc {
	background-color: #C00;
	display: block;
	padding: 1px;
	float: left;
	width: 180px;
	text-align: center;
	margin: 1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #FFF;
	height: 35px;
	font-weight: bold;
	visibility: visible;
	z-index: 5;
}
#indice a:link  {
	color: #FFF;
	text-decoration: none;
	padding: 1px;
	height: auto;
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#indice a:visited{
	color: #9CF;
	text-decoration: none
}
#indice a:hover  {
	color: #000;
	text-decoration: underline
}

Intente diferenciando el z-index entre "indice" e "indice numerosc" pero nada de nada.
Evidentemente algo estoy haciendo mal.
Alguna sugerencia?
Desde ya les agradezco sus ayuda

PD: lo probé con el multipleie, pero tambien lo verifique en otra pc que tiene el IE6, así que debe ser algún error en el css, creo.

[cristian_cena]

Modifica estilo_critica.css

.logo {
font-family: Andes;
color: #FFF;
}
#logo {
text-align: center;
position: absolute;
width: 250;
height: 110;
left: 107px;
top: 6px;
}

#contenido #cajacritica {
font-family: "Arial Black", Gadget, sans-serif;
color: #FFF;
text-align: center;
position: relative;

/*aquí tu problema*/
background-color:#9B0000;
z-index:-1;


}
#cajacritica #visor {
background-color: #000;
text-align: center;
}

#indice {
display: block;
width: auto;
clear: both;
margin-left: auto;
position: relative;
margin-right: auto;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

}
#indice #numerosc {
background-color: #C00;
display: block;
padding: 1px;
float: left;
width: 180px;
text-align: center;
margin: 1px;
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
color: #FFF;
height: 35px;
font-weight: bold;
}
#indice a:link {
color: #FFF;
text-decoration: none;
padding: 1px;
height: auto;
width: auto;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
#indice a:visited{
color: #9CF;
text-decoration: none
}
#indice a:hover {
color: #000;
text-decoration: underline
}

Espero te sirva, saludos

[C2am]

Cristian_cena
Muchisimas gracias Cristian, funciona muy bien.
Saludos

Bueno, probe tu solución y no funcionaba correctamente en los otros navegadores así que lo modifique de manera que solo el IE interprete tu aporte:

/*aquí tu problema*/
background-color:#9B0000;
z-index:-1;

quedo así:

Código HTML:

/*aquí tu problema*/
background-color:#9B0000;
_z-index:-1;

Parece funcionar, no se si será óptima pero anda.

[cristian_cena]

mmm ... fijate en el codigo que te pase que hice algun otro cambio seguro porque me andubo bien en firefox tambien.
Bbueno en fin, soy nuevo en css, me alegro que te halla funcionado! y gracias a usted por postear su resultado