скрыть <a>текст с помощью CSS

Question

Я хочу скрыть текст «HOME» и заменить его изображением в моем меню WordPress. Я использую следующий код CSS прямо сейчас:

li#menu-item-63 a {
background: url(/images/home.png) top center no-repeat;
width: 24px;
height:24px;
float: left;
text-ident: -9999px;
overflow: hidden;
text-decoration: none;
}

С кодом выше изображение появляется, но текст HOME все еще там. Спасибо

Answer 1

text-ident: -9999px; 

должно быть

text-indent: -9999px;

Answer 2

Вы можете добавить

color: transparent;

в вашем стиле. Скроет текст.

Answer 3

text-indent, а не text-ident.

А display: block