title: JQuery Lightbox- confine overlay to specific div - not whole page
body: <p>Have spent days trying to figure this, but maybe is not possible.</p>
  
  <p>I am using jquery lightbox and a seperate main page navigation for multiple galleries each with a lighbox feature.</p>
  
  <p>I would like to nest the jquery lightbox overlay within a div  so it does not cover the whole window but only relates to the div it is in?</p>
  
  <p>Reason being -  I would like the main Navigation to be accessible without clicking on the overlay and I want the lightbox content to stay within set parameters ( i.e. the container for the page), not move around when different screen resolutions are used and thus not be aligned with main navigation bar and headings.</p>
  
  <p>Any advice re: jquery script, addons,  to use to make this possible, if at all possible. 
  Or other suggestions would be much appreciated.</p>
  
  <p>Thank you</p>