questa regola va con ie7/ff ma non ie6

[Pinetto]

Ciao, ho un problema apparentemente semplice ma per me di difficile soluzione.
Questo css che elenco mi crea un layers che uso come popup descrittivo associato a un link e attributo span

Bene con IE7 e FF funziona ma non và con IE6, come posso risolvere la cosa?
-----------------------------------
.centrale a:hover{ z-index: 25; background-color: #FFFFFF}
.centrale a span{display: none}

.centrale a:hover span{
display: block;
position:absolute;
top: 2em;
left: 2em;
width: 300px;
border: 1px solid #366089;
color:#333333;
text-align: left;
background-color: #9ada8e;
font-family: Tahoma;
font-size: 11px;
padding: 5px;
}

< a href="pippo.htm">prova<span>errererer</span>

[fcaldera]

prova così:

.centrale a{
  position  : relative; /* toglilo se non ti serve... */ 
}

.centrale a span{
   display: none;

   position:absolute;
   top: 2em;
   left: 2em;
   z-index: 25;

  width: 300px;
  border: 1px solid #366089;
  color:#333333;
  text-align: left;
  background-color: #9ada8e;
  font-family: Tahoma;
  font-size: 11px;
  padding: 5px;
}

.centrale a:hover{ 
   background-color: #ffffff;
   direction: ltr;
}

.centrale a:hover span{
   display: block;
}

<p class="centrale">
  prova<span>errererer</span>
</p>