Jquery cluetip plugin problem - duplicate close buttons showing

JavaScript
1

Safari 4.0.5 and FF 3.6.3 have this problem
IE and Chrome are ok

The first time when i click the link, two instances of close button shows. If during the same load, i click on another item, the previous clue tip hides and the new one shows with only one close button (right behavior). Image attached.

Property closePosition “top and bottom” both have this behavior. closePosition value “title” only shows one close button but it is not clickable.

JS Code:

$('.RetrievePasswordForm').cluetip({
                                             cluetipClass: 'rounded', 
                                             showTitle: true, 
                                             sticky: true, 
                                             ajaxCache: false, 
                                             arrows: true, 
                                             dropShadow: false, 
                                             activation: 'click', //click, hover
                                             height: 'auto',
                                             });

HTML:

<a href="#" rel="test.htm" class="RetrievePasswordForm" title="Test">
                           <img alt="" src="/pics/btn/icons/view.GIF">
                       </a>

CSS change to show X right next to close button, this is the only change made to the plugin at my end.

.cluetip-rounded div#cluetip-close a {
  color: #800000;/*#777;*/
  background-image: url('/imaes/btn/icons/Delete.gif');
  background-repeat: no-repeat;
  padding-left: 15px;
}

Thanks in advance for your help in solving this problem.

2

Missed the cluetip first and second click htmls - firebug.

First click, it puts two close divs:

<div style="position: relative; z-index: 97; overflow: visible; height: auto;" id="cluetip-outer">
    <h3 id="cluetip-title">NAME</h3>
    <div id="cluetip-inner">
        [B]<div id="cluetip-close">
            <a href="#">Close</a>
        </div>
        <div id="cluetip-close">
            <a href="#">Close</a>
        </div>[/B]

        
        <!-- content removed from here -->
    </div>
</div>
<div id="cluetip-extra"></div>
<div style="z-index: 98; top: 178px; display: block;" id="cluetip-arrows" class="cluetip-arrows"></div>

Second click has only one close div:

<div style="position: relative; z-index: 97; overflow: visible; height: auto;" id="cluetip-outer">
    <h3 id="cluetip-title">NAME</h3>
    <div id="cluetip-inner"><div id="cluetip-close">
        <a href="#">Close</a></div>
        
        <!-- Content Here -->        

    </div>
</div>
<div id="cluetip-extra"></div>
<div style="z-index: 98; display: block; top: 148px;" id="cluetip-arrows" class="cluetip-arrows"></div>