Cufon Styling per navigazione principale

Question

In questo sito: http://theoew.uuuq.com/portfolios/Idea/ Io uso Cufon per lo stile del testo per la navigazione principale. Ho utilizzare questo codice html per esso.

<ul id="mainnav" class="alignright">
    <li class="active">
        <a href="#">
            <span>Home</span>
            <small class="active">main page</small>
        </a>
    </li>
    <li>
        <a href="#">
            <span>About</span>
            <small class="active">my bio</small>
        </a>
    </li>
</ul>

Ho un problema con esso comunque. Quando ho il mouse sopra l'arco #mainnav Li e poi passare subito il mouse verso il basso per cui il suo libra sopra il testo di piccole dimensioni #mainnav Li sottostante l'arco #mainnav Li pensa che il mouse è ancora su di esso e rimane nel suo stato hover. Questo non accade quando non passa il mouse sopra il li #mainnav piccola dopo si libra sopra l'arco #mainnav li.

Sto usando questo codice con Cufon:

Cufon.replace('#mainnav li a span', {
    hover: true,
    hoverables: { span: true, small: true }
});

La sua davvero essenziale che io ottenere questo riparato in modo Vorrei davvero apprezzare alcun aiuto.

Nota: Il sito non è affatto finito.

Answer 1

hey. Non ho Runt il codice, ma si potrebbe provare a aggiungere il piccolo tag in voi Cufon sostituire .....

<script type="text/javascript"> 
            $(document).ready(function() {      
                Cufon.replace('h1, #mainnav li a span, #mainnav li a small', {
                    hover: true,
                    hoverables: { span: true, small: true }

                });
            });
        </script>