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