Qtip not showing 100% or not at all

[seventysix]

Hi,
I just started using qtip, so bare with me if I am making rudimentary mistakes in the code. I am displaying tooltis on <a> tags here http://www.lamedaskincare.se/index_new.php but after a while of rolling over the links the tips are not showing or they are showng at maybe 10% transparency. sometimes the tips are overlapping eachother een though i have set the solo setting to true... here is my javascript

JS Code

$('a.tip').each(function(){
		//e.preventDefault();
		var pid = $(this).attr('id');
		$(this).qtip(
      {
         content: {
            // Set the text to an image HTML string with the correct src URL to the loading image you want to use
            text: '<img class="throbber" src="new_img/working.gif" alt="Loading..." />',
            url: 'ajax/tooltip.php', // Use the rel attribute of each element for the url to load
            data: { id: pid },
            title: {
               text: 'Produkt - ' + pid, // Give the tooltip a title using each elements text
               button: 'Stäng ruta' // Show a close link in the title
            }
         },
         position: {
            corner: {
               target: 'rightMiddle', // Position the tooltip above the link
               tooltip: 'leftMiddle'
            },
            adjust: {
               screen: true // Keep the tooltip on-screen at all times
            }
         },
         show: { 
            when: 'mouseover', 
            solo: true // Only show one tooltip at a time
         },
         hide: 'unfocus',
         style: {
            tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
            border: {
               width: 0,
               radius: 4
            },
            name: 'light', // Use the default light style
            width: 450 // Set the tooltip width
         }
      })

Appreciate any help... thanks