Negative text-indent to hide contents of <a> tag

EDIT: Rather than a negative text-indent, which wasn’t working right in IE, I used a “display:none” … So this thread’s title is now a misnomer

So I have a nav menu, and the main sections use images rather than actual text, because we need them to be a particular font. The image is just a background added in the CSS (with rollovers), so the actual <a> tag in the XHTML doesn’t need to contain anything.

However, for the sake of SEO/accessibility, I added the appropriate text inside some <span> tags, and just hid it with a “display:none” in my CSS.

You can see the site here.

So I’m wondering: is this an ok way of handling this issue, or did I take some evil shortcut that Google will frown on?

Thanks :beer: