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.