Cufon hover issue when mousing over the cufon canvas tag

I'm trying to implement a different color / text-shadow on a standard anchor element. While it works fine for the most part, if the mouse enters and then leaves the "cufon canvas" created element, the correct "original" properties are not re-applied... [this occurs in FF4] It's hard to explain... Here's a video showing the issue I'm encountering.

Here's the Cufon replace:

Cufon.replace(
    'li.haschild ul li a', {
        textShadow: '#000000 -1px -1px 1px',
        hover: {
            textShadow: '#ffffff 1px 1px 1px',
            color: '#434337'
        }
    }
);

So when the hover occurs, it should have a different font-color and text-shadow. This works, as long as the mouse does not enter the portion of the anchor tag where the cufon canvas tag is. As soon as the mouse enters that canvas tag, the Cufon hover element stops working once the mouse leaves that portion of the anchor element. Even though the mouse is still within the anchor, and the a:hover properties are still being applied from the CSS, the cufon canvas acts differently.

I try to highlight the dif开发者_如何学Cferent elements using firebug. The anchor tag is the element with the large amount of padding (purple). Followed by the individual cufon canvas tags being shown.

I am not replacing an already replaced element with cufon. If you remove the line shown above, cufon does not apply to the drop down.

I have not been able to replicate this issue on other cufon hover replaces with similar options, nor can I replicate it in webkit browsers.

I'm at a loss...