Hiding Text in ie7

Question

So I have this text generated by a javascript plugin.

<a class="className">Text</a> 

a.className {
background: url(images/a-image.png) no-repeat;
}

But the "Text" shows on top of the image... Now... with any respectable web browser, I can use color: rgba(0,0,0,0); to solve the problem, but IE7 doesn't obey standards of any sort.

Any ideas?

Answer 1

color:transparent;

or

text-indent:-9999px;

or

font-size:0px;