[RbnJrg]

Originally Posted by ElMiko

I'm sorry. But I'm still confused... At 10em shouldn't the image be ten times the height of the font (at whatever size)?

You are defining the height in two places: in the parent element and in the image tag, so Readium is taking the height of the parent element. You need to add !important to the size of the image to give it priority:

.autoIMG {
	text-indent: 0;
	text-align: center;
	max-height: 32em;
	margin: 0;
	}
.autoIMGimage {
	width: auto;
        max-height: 32em !important;
	margin: 0 auto;
	display: block;
	}

Of that way, the height of the image will be ten times the height of the font.

@RbnJrg - you say you got the code to replicate the effect, but what did you change from your previous attempt with the same code that appeared to be producing a normal image?

The issue is with your original code; I didn't change anything to reproduce the problem.