Cufon in jquery tabs bugs

Question

i use cufon for font replacement and i found a strange bug.

http://i253.photobucket.com/albums/hh76/benhanks040888/bug.jpg

my code is

<ul id="menu_list">
        <li><a href="#yogurt"><span>yogurt</span></a></li>
        <li><a href="#toppings"><span>toppings</span></a></li>
        <li><a href="#icedtea"><span>iced tea</span></a></li>
</ul>

and my cufon javascript is :

Cufon.replace('#menu_list li',{
    hover: true
});

my question is why does the text go double? I test it with other elements such as h1 and it works without the text going double. Plus, why does the iced tea become two lines? i do not limit the width of the list element.

Help is appreciated.