Cufon confusion with hover

[babo]

I am pulling my hair out currently, because Cufon is either playing up, or I'm thinking too complicated. I have a span link class, which includes text inside it. The colour of the font inside the a span should change on hover state.\[code\]Cufon.replace('.info-grid a span', { fontFamily: 'Vegur', hover: true, color: 'white', hoverables: { a: true, span: true } });\[/code\]With the above code, when you open the site, the font is white. I assume it's because the above code doesn't actually set the hover state, but how can I set it? I tried setting .info-grid a:hover span class but it didn't work.CSS...\[code\].info-grid a span { position: relative; left: 10px; top: 80px; font-size: 0.94em; line-height: 1.3em; font-weight: bold; text-transform: uppercase; color: #009FD4; background-color: #ffffff;}.info-grid a:hover span { color: #fff; background-color: #009FD4;}\[/code\]HTML\[code\]<div class="info-panel" id="info-firstteam"> <h3>First Team</h3> <div class="info-grid"> <div> <a href="http://stackoverflow.com/questions/players/profiles/1.html" class="pic-no1"> <p id="nametext"><span id="firstline">James</span><br><span id="secondline">Tillotson</span></p> </a> </div> <div> ...additional divs for players </div></div>\[/code\]