Menú con imagenes no se ve en IE6

[Threepwood]

Hola...

Para variar, de nuevo problemas con el IE6. Tengo un menu con imagenes que se ve bien en IE7, Firefox y Opera pero en IE6 sólo se ve el texto entre el <a>, sin las imagenes ni los paddings, como si esa info no existiera
Aquí va el código:

HTML

Código HTML:

<div id="content_l">
           
            	 
                
                <ul id="menu">
            
            		<li><a href="#" id="semilla">Semilla</a></li>
                    <li><a href="#" id="artesanos">Artesanos</a></li>
            		<li><a href="#" id="fotos">Fotos</a></li>
            		<li><a href="#" id="contacto">Contacto</a></li>
                    
                 </ul>
                    
                 
            </div> 

Y el CSS

Código:

#menu {
	list-style: none;
	padding-left: 35px;	
}

#menu li {
	padding-bottom: 15px;
}


a#semilla {
display:block;
width:150px;
height:50px; 
text-indent:-9999px;
background:url(../img/semilla.gif) top left no-repeat;
}

a#semilla:hover {
background-position:bottom;
}

a#artesanos {
display:block;
width:150px;
height:50px; 
text-indent:-9999px;
background:url(../img/artesanos.gif) top left no-repeat;
}

a#artesanos:hover {
background-position:bottom;
}


a#fotos {
display:block;
width:150px;
height:50px; 
text-indent:-9999px;
background:url(../img/fotos.gif) top left no-repeat;
}

a#fotos:hover {
background-position:bottom;
}

a#contacto {
display:block;
width:150px;
height:50px; 
text-indent:-9999px;
background:url(../img/contacto.gif) top left no-repeat;
}

a#contacto:hover {
background-position:bottom;
}

¿Alguna sugerencia? También, si existe una manera mejor para hacer este tipo de menus, agradecería me la dijeran :)

Gracias!

Samuel.

[kseso?]

Hola
Échale un vistazo a este post
http://www.forosdelweb.com/f53/menu-...00-css-595007/
sobre todo a la entrada 102 (creo recordar) y al archivo .doc que Mikemoro tiene incluido en el .zip
Un saludo

[Mikmoro]

Una pregunta: ¿para qué usas el text-indent:-9999px;?

[Threepwood]

Hola, Mikmoro!

Tienes razón, el text-indent no va. Mi error.

Fijate que al final solucioné el error... y era una cosa muy curiosa.

Antes del menu tenía un comentario:

/* navegación */

Y el error con IE6 es esa O con acento... es como si deshabilitara todas las propiedaes CSS, sólo mostraba la lista sencilla.

Quité el acento y todo funcionó a la perfección.

¿Hay alguna explicación?

Samuel.

[rg1982]

Al ver como solucionaste el error, supongo que IE6 no reconoce los acentos. Hoy en día no hay muchos problemas con esto, pero yo siempre trato de no usar acentos, ni "ñ" ni ningún caracter de este tipo.

Saludos!