Ciao ragazzi, mi aiutate a fare funzionare questo menu anche su IE6? Grazie

eccovi il menu:
codice:
<ul id="menu">
	<li id="scuola"><span>Scuola</span>
			
			<ul>
				[*]Presentazione
				[*]Organizzazione
				[*]Attivit&agrave;
				[*]Galleria
			[/list]
			
	
	<li id="extra"><span>Attivit&agrave; extra</span>
			
			<ul>
				[*]Attivit&agrave; pomeridiane
				[*]Feste di compleanno
				[*]Tempo d'estate
			[/list]
			
	
	<li id="contatti"><span>Contatti</span>
	[/list]

e il css:
codice:
#navigation{
  padding: 61px 0 0 311px;
}

#menu, #menu ul  {
  font-family: Verdana;
  font-size: 9pt;
  font-variant: small-caps;
  list-style-type	: none;
  margin: 0;
  padding: 0;
  width: 700px; 
}


#menu li { 
	float: left; 
	height: 20px; 
	margin-right: 63px;
}

#menu li a{
  display: block;
  width: 120px;
  height: 61px;
}

#menu li ul li{
  margin: 0px;
}

#menu li ul li a{
  width: auto;
  height: 20px;
  background: transparent;
  margin-right: 30px;
}

#menu li:hover, #menu a:hover {
	position: relative; 			
}

#menu li:hover li:hover, #menu a:hover a:hover{
	position: static; 			
}

#menu ul { 
  display: none;  
}
	
#menu a:hover { 
  direction: ltr; 
}
	
#menu a:hover ul, #menu li:hover ul {
  display: block;
  position: absolute;
	background: transparent; 
	height: 20px;
	z-index: 100;
	padding-top: 4px;
	 
}

#scuola a, #extra a, #contatti a{
		background: url(../immagini/menu.gif) no-repeat;
		color: #136227;
		font-weight: bold;
}


/* image replacement*/
#menu li span {
		position: absolute;
		left: -9384px;
	}

/* sfondo link */
#scuola a {
	background-position: 0 0;
}

#extra a{
	background-position: -180px 0;
}

#contatti a{
	background-position: -362px 0;
}

#scuola.on a{
	background-position: 0 -70px;
}

#extra.on a{
	background-position: -180px -70px;
}

#contatti.on a{
	background-position: -362px -70px;
}

/* rollover */
#scuola a:hover{
 background-position: 0 -140px;
}

#extra a:hover{
	background-position: -180px -140px;
}

#contatti a:hover{
	background-position: -362px -140px;
}