Nested qtip opacity problem

[zensurfer]

I have a qtip, on click, showing an image map and when I hover over the image map I want another qtip to display.

It works on IE7 but not on FF 3.6. In FF 3.6 the tool tips get created but they have element styling of opacity: 0; If I set it to 1 in firebug it pops up just fine.

Let me know if you need any other information.

Here is the image map qtip call

JAVASCRIPT Code

$("area.mapHover").qtip({
        content: { attr: 'notes' },
        position: {
            my: 'top center',
            at: 'bottom center'
        }
    });

Here is the first qtip that pops up the image map

JAVASCRIPT Code

$(document).ready(function(){
	  jQuery("#searchlink").qtip({
		    content: {
		    	text: 'Loading...', 
		    	ajax: { url: 'puckNumber.jsp' } 
  			}, 
		    style: 'ui-tooltip-medium-large ui-tooltip-thin-light',
		    position: {
		        at: 'center right',
		        my: 'center left'
		    },
		    show: { event: 'click'  },
		    hide: { event: 'unfocus' }
		}); 
  });

[Craig]

Can you setup a test a case please? http://jsfiddle.net/fDavN/