IE6 background image has me stumped

Does anyone have any ideas as to how to fix this:

In IE 6 the navigation doesn’t show up.

Any help would be greatly appreciated. The only way I can get it to show up is if I put a border around the links.

Thanks E

/* main navigation */

#navigation li {
	
	position:relative;
	float:left;
	list-style:none;

}

#navigation a {

	background:url('../images/banner.gif');
	height:36px;
	width:100px;
	float:left;
	
}




#navigation a i{
	display:none;
}



#navigation #home {

	background-position: 0 -165px;

}

#navigation #about {

	background-position: -100px -165px;

}

#navigation #volunteer {

	background-position: -200px -165px;

}

#navigation #partner {

	background-position: -300px -165px;

}

#navigation #classroom {

	background-position: -400px -165px;

}

#navigation #support {

	background-position: -500px -165px;

}

#navigation #stay_in_touch {

	background-position: -600px -165px;

}

#navigation #Sign_in {

	background-position: -700px -165px;

}

Hi,
It’s working in IE6 for me. Did you get it fixed?