Prevent tooltip/div from going offscreen/out of browser chrome on mouseover/hover
<p>I'm using jquery to add and remove a class to have an informative tooltip pop up when I hover over a thumbnail but when the thumbnail is too close to the edge of the browser chrome the tooltip goes outside the chrome and isn't readable. Any ideas on where to start to have the tooltip remain on screen? Thanks for any suggestions. Here is the code: </p>

<p><a href="http://jsfiddle.net/ySeTL/" rel="nofollow">http://jsfiddle.net/ySeTL/</a></p>
