Scrollbars bumped on and off on image load

I've fixed this by editing lightbox.css and setting 'overflow: hidden' for #outerImageContainer. Since the width of #loading was set to 100% it was given the width of its parent element (imageContainer) which was, in my case, about 780px (dynamically determined based on display area). This would have been fine, but the #loading element is then positioned at 45% left, 40% top relative to its parent, which causes the right side of the loading element to end up off of the right edge of the page, forcing the browser to display the scroll bars. The same sort of thing goes for the page height. Setting overflow seems to fix this in both Firefox and Opera.

You could probably achieve the same effect by setting a pixel width for the loading div.

Thanks for the great module, and thanks to whoever made Firebug :P

The style rule for outerImageContainer now appears as so at line 14 of lightbox.css

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  min-width: 240px;
  overflow: hidden;
}