Tooltip with DIV content

Tooltip with DIV content

Hello from Poland
I'm new here and I have no experience with jQuery. I have this list:
<ul class="products-list">
    <li>
        <a href="some-product-1.html" title="Some title">
            <img src="images/product-1_m.jpg" alt="Some title" />
        </a>
        <div class="tooltip" style="display: none; background: #ffffff url('images/product-1.jpg') no-repeat 50% 50%;"></div>
    </li>
    <li>
        <a href="some-product-5.html" title="Some title">
            <img src="images/product-5_m.jpg" alt="Some title" />
        </a>
        <div class="tooltip" style="display: none; background: #ffffff url('images/product-5.jpg') no-repeat 50% 50%;"></div>
    </li>
    <li>
        <a href="some-product-32.html" title="Some title">
            <img src="images/product-32_m.jpg" alt="Some title" />
        </a>
        <div class="tooltip" style="display: none; background: #ffffff url('images/product-32.jpg') no-repeat 50% 50%;"></div>
    </li>
    <li>
        <a href="some-product-61.html" title="Some title">
            <img src="images/product-61_m.jpg" alt="Some title" />
        </a>
        <div class="tooltip" style="display: none; background: #ffffff url('images/product-61.jpg') no-repeat 50% 50%;"></div>
    </li>
</ul>


I've tried to use Simpletip and gTip, but not knowing the grounds for JQuery, it's hard for me to do anything. I would like to take the content of tooltip from DIV and to be fixed. I do not know how to adjust Simpletip or gTip to do this.
Do you have some examples of this? Please, help