Cufon Styling para la navegación principal

Question

En este sitio web: http://theoew.uuuq.com/portfolios/Idea/ Yo uso Cufón el estilo del texto para la navegación principal. Tengo utilizar este código html para ello.

<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>

Tengo un problema con él sin embargo. Cuando se ciernen en el lapso #mainnav li y luego pasar inmediatamente el ratón hacia abajo por lo que su movía sobre la #mainnav li pequeño texto debajo de ella el lapso #mainnav Li cree que el ratón está todavía en la parte superior de la misma y se mantiene en su estado estacionario. Esto no sucede cuando no se ciernen sobre la li #mainnav pequeña tras oscilar en el lapso #mainnav li.

Estoy usando este código con Cufón:

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

Es realmente esencial que arreglar esto por lo que agradecería cualquier ayuda.

Nota: El sitio es de ninguna manera terminados.

Answer 1

bueno. No Runt el código pero se puede tratar de añadir la pequeña etiqueta en que Cufón reemplazar .....

<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>