How to create home icon image without text

[josh1178 10]

I'd like to make a home icon like in iBlog Pro,with no text. I followed the instructions at the end of the post listed below to setup a home icon image, but I can't figure out how to remove the text that says 'home'. Right now I have an image and the word 'home'. If I delete the label in the wordpress custom menu, it deletes the home nav entirely, which isn't what I'd like to do. http://www.pagelines.com/forum/topic/7225 Thanks!

[catrina 103]

Can you post a link to your site?

[josh1178 10]

Hi Catrina, thanks for helping. The site is only local now, so I can't show you. Here is the code I'm using, which results in an icon and the 'home' text being displayed. I need to remove the 'home' text. Thanks

/* @ NAV BAR HOME ICON @*/
	#primary-nav li.menu-item-8712 a{background: url("/wp-content/images/home.png") no-repeat scroll left center transparent; padding-left: 46px;}
	

[kastelic 6]

Try replacing "home" with "` `"

[timlinson 3]

it should work if you add `color:transparent` to that element: `#primary-nav li.menu-item-8712 a{background: url("/wp-content/images/home.png") no-repeat scroll left center transparent; padding-left: 46px; color: transparent;}`

[josh1178 10]

doesn't work. It just get's converted to   as text. Transparent seems to work though Tim, thanks! Will that work across all browsers?

[kastelic 6]

You forgot the

;

, it will work.

[josh1178 10]

Doh! That works too. Thanks I'm assuming that's safer universally than adding css for transparent?

[kastelic 6]

I'm inclined to think that

color:transparent

is a better solution, since the text will still be there for accessibility reasons.