Construí un menu horizontal con imágenes roll-over con html y css. Todo iba bien hasta que llegó la hora de esconder los textos. Le apliqué a cada uno de ellos un span con una clase (ocultar) a la que le di un display:none. En el FF funcionó bien pero el menu desapareció en IE6. Utilicé entonces visibility:hidden. Funcionó bien en el IE6 pero en el FF está apareciendo la línea del text-decoration, primero coloqué así

Código HTML :

.ocultar a.link, a.visited, a.hover{
   visibility:hidden;
   text-decoration: none;
}


y las cosas continuaron igual, después coloqué un margin-left de -5000px. En el FF funcionó pero en IE6 la altura del menu quedó menor, él precisa del texto para que quede en los 40px. Hay allí algún problema con Height.

Alguien sabe si es posible corregir esto sin recurrir a un hack?

La página está en esta dirección

http://www.bandeiraeassociados.com.br/sitio/index-bis.php

Desde ya muchas gracias. Claudio