jQuery image pop-ups being hidden by the browser window
<p>Evening all,</p>

<p>I've got a bit of an issue with some pop up images. Here's a link to jsFiddle, where I've uploaded the basics for you to have a look at:</p>

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

<p>The real page contains a lot more space round the edges of the image so the fact that you can't see the top or right of the image in some instances isn't really an issue. The problem is when the bottom of an image appears beyond the bottom of the browser. Is there any way to have the image move up if it extends beyond the browser window/viewport, so that the whole image is visible?</p>

<p>If possible, I'd also like to know how to make the image stay visible if it's moused over after the camera icon.</p>

<p>Thanks in advance for taking a look.</p>

<p>Martin.</p>
