Tooltip problem - Drupal

Since a few hours, I want to make a decent tooltip in JQuery. It's a Drupal-bases website.

I found this nice looking tooltip and I tried to implement it. But with no success...

This i开发者_高级运维s how my main page looks like:

<script src="themes/garland/js/jquery.ezpz_tooltip.js" type="text/javascript"></script>

    <style>
        #tooltipcontent {
            display: none;        /* required */
            position: absolute;   /* required */
            padding: 10px;
            border: 1px solid black;
            background-color: white;
            }
    </style>

<script type="text/javascript">

    $(document).ready(function(){
        $('#record-price').ezpz_tooltip();
    });

</script>  

And this is the other file:

print '<div id="part1-right-line3">';               
print '<div id="record-price">';                                                    
print uc_currency_format($node->sell_price);
print '</div>';                 
print '</div>';  

And for some reason, it won't show me the tooltip...

Has it something to do with Drupal and it's use of JQuery or are there some mistakes in my code? Any idea's?

Thanks in advance

---

Why dont you use Tipsy tooltips, they are used by Drupal, Twitter, and Facebook. There is a Drupal module for that.
http://drupal.org/project/tipsy

---

There is also a beautytips module that you might want to check out.

---

http://drupal.org/project/tipsy nice module for tool tips. thanks Valor

Regards, devneel