Issue with image overflowing from iframe... (possible z-index issue?)

I have placed the bitmapviewer on a page by itself in a brand new project and it works fine, but when I try and use it in production, the result displayed to the end-user does not look correct.

#1 This image displays what the user sees when ZoomMode = None and PreviewImageEnabled = false. The scrollbars that should appear over the image are actually underneath it, and cannot be accessed. This makes scrolling the image impossible, and realizing that the entire image is not shown is unintuitive.

#2 This image is what user's see when ZoomMode = None and PreviewImageEnabled = true. No question that this doesn't look right. :)

#3 This image is what user's see when ZoomMode = BestFitShrinkOnly and PreviewImageEnabled = true. You can see that the image slightly overlaps the scrollbars, partially demonstrating the problem seen in #1.

#4 This text file is the entire HTML source output to the browser on the page this error is occurring.

Any help would be greatly appreciated, if I can get this working I definitely will be purchasing a license, so thanks in advance for your time!