Text disappears

[jebw]

I'm trying to using cufon with a menu element within a page, and I've got text disappearing. The markup is roughly as below,

<li>

<a>

  <span class="menu-top"></span>

  <span>My Menu Item</span>

  <span class="menu-bottom"></span>

</a>

Whilst the text of the menu item gets the font replaced correctly, when I mouseover background images are shown in the top and bottom spans, and the middle span swaps to background color: black with white text, but the text disappears/isn't getting drawn. This happens across various browsers on both Win and Mac.

What am I doing wrong?

Thanks

Jeremy