Problema con tooltip con css.

[Rodro]

hola a todos, hice un tooltip con css que se presenta al pasar sobre un imagebuttom, este se muestra perfectamente en Mozilla pero no aparece ni bien ni mal en IE6 no he probado en IE7.
Les paso el codigo por si acaso hay algo que no estoy considerando:

/*Estilo*/
#info
{
position:relative;
z-index:24;
background-color:#fff;
color:#000;
text-decoration:none;}

#info:hover
{
z-index:25;
background-color:#fff;}

#info span{display: none;} /* ocultar el SPAN */

#info:hover span{ /* Mostrar el span cuando paso por el link */
display:block;
position:absolute;
top:2em; left:2em;
width:430px;
border:1px solid #FFC315;
background-color:#FFFFCC;
color:#666666;
text-align: center;}

/*Source*/
<span id="info"><asp:ImageButton ID="imagebuttom1" runat="server" CausesValidation="false" /><span>Este es la descripción del tooltip que necesito se muestre en ambos navegadores y solo se muestra en Mozilla.</span></span>

Ese ejemplo lo saque de este foro y si funciona bien en ambos navegadores, pero a mi no me funciona, que estoy haciendo mal?

Si alguien tiene alguna idea me avisa...gracias!

[DragonX]

tenés que "encerrar" todo dentro del div info

[Rodro]

Gracias DragonX pero cambié de método, ahora genero el tooltip con Javascript porque definitivamente ese css no funciona en IE.