Images display differently in Prince 8

I have a report that I've been generating using Prince 7 which uses 300 DPI images for a header graphic and some images in the report. The PDF produced by version 7 sizes the images correctly. I just installed Prince 8 on my development box to check out the latest version and when I run my report my images are extremely large. The images are being displayed as background images, not in img tags.

Did something change in the way Prince 8 handles image sizing? Is there something I need to specify now that I didn't need to specify before?

I've been using 7.1 for a while now. When I took 8 for a quick spin, I noticed the same thing with images--they were suddenly huge. I didn't have time then to look into it. I'd be interested also in finding out what causes this difference before I consider upgrading.

You can use a fixed DPI value, eg. 300dpi, 600dpi, and so on. If you specify auto, that means to try and use the intrinsic DPI value specified inside the image file, if there is one. If you specify normal, that means to use 96dpi, so that an image 100 pixels wide will be exactly equivalent to specifying "width: 100px" in the CSS.

I've tried a variety of definitions for the prince-background-image-resolution and my image always appears the same size, too large. The image itself is a PNG that was base64 encoded so we could inline the graphic rather than getting the file from a server, I don't know if that has any effect on this. All I know is that the image displayed perfectly in Prince 7 but doesn't display correctly in Prince 8 even with adding the prince-background-image-resolution property. We don't have an urgent need to move to Prince 8, but it would be nice to figure out why this isn't working, however.

Another difference between the versions is that in Prince 7.1 we applied "img { max-width: 100% }" in the default HTML style sheets. We dropped this rule in Prince 8.0 as it was causing incompatibilities with browser behaviour, but you can still apply it yourself in your own style sheets.

In playing around with a couple of different reports we are generating using Prince, I have been able to get the images in the report itself to look correct, but I can not get the header image to work correctly. In my CSS, I have the following:

In Prince 7, the header graphic appears behind the text of the div with the class of 'header' and displays at about an inch tall. In Prince 8, the header graphic is roughly 3 times as tall. In Photoshop, the image details for the header image are 8.267 in x 0.917 in @ 300DPI.