rounded css in cluetip

Question

I'm using cluetip for my page, it's work fine in IE 6 and IE 7 but in firefox the rounded box can not wrapped all the content include an image and some text. I couldn't fix this all night long. Some one had an experience show me the way please! Thank you very much! My code look like this:

<li>
<a href="#" class="scroll" rel="div#1">
<img src="images/1.jpg" />
</a>
<div id="1" style="display:none;width:300px;height:150px;">
<img src="images/1.jpg" align="left" width="120"/>
<p>blah blah blah goes in here</p>
</div>
</li>

and the cluetip I call by using this code:

$("a.scroll").cluetip({
cluetipClass: 'rounded', 
dropShadow: false, 
positionBy: 'mouse',
sticky: true,
local: true
});

I want to use my images to make rounded box in cluetip and the rounded box can wrap all the content. I need it in urgent, pls!