Position a box with top/left inside a <div /> depending on the relative position of the cursor in jQuery
<p>I have a big <code>&lt;div /&gt;</code> container that has an image as a background. When the user moves the cursor over that element I need to show an another <code>&lt;div /&gt;</code> that has information. I want this second one relative to the position of the cursor.</p>

<p>This is how far I am, I don't know how to exactly fit it on the mouse pointer: <a href="http://jsfiddle.net/cyX2m/" rel="nofollow">http://jsfiddle.net/cyX2m/</a></p>

<p>Updated: The problem is the position, not the event.</p>

<p>Thank you in advance!</p>
