css to replace home link with icon

[sgendry 1]

What am I missing? I am trying to replace the "home" link in the main navigation with an icon. Here is my css code: #menu-item-4940 { text-indent: -9999px; width: 40px; } #menu-item-4940 a { background: #71c340 url(/images/homeic.jpg) top center no-repeat !important; } #menu-item-4940 a:hover { background: #71c340 url(/images/homeich.jpg) top center no-repeat !important; } The icon does display, but not on hover + the text still shows as well. Any suggestion you may have are most welcome!

[Jenny 33]

Check this topic to see if it helps: http://www.pagelines.com/forum/discussion/16222/common-questions-and-customizations#Item_2

[sgendry 1]

I appreciate your help. It helped me indirectly. The code suggested did not work, but all I had to do was replace my menu text "home" with Sometimes it's just too obvious...

[Jenny 33]

No problem :) That code is for iBlogPro5 but you had enough code already, I figured all you needed was the menu hint. If you consider this topic resolved, please "accept" an answer. Thanks!