Background overlay is incorrect when page is horizontally scrolled before opening the lightbox

If I display a page that is wider then the browser window, scroll to the right, and then click on an image to open the lightbox, the background overlay start at the left side of the page, not the left border of the visible area. Therefore, there will be an onobscured border on the right side of the page.