[AlanHK]

I have an image used as a section divider between paras of text.
I wanted it to be 1.5 times the height of body text.

The image is a png, 145x150 pixels.

I make an ePub using this code:

<div>
<img alt="*" class="section" src="../Images/sword.png"/>
</div>

and the css defn is
.section {
height: 1.5em;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
}


This works fine in epub. I convert to mobi using Amazon's Kindle Previewer.
This also works fine on Kindles and Mac Kindle readers.

But in iOS on iPad and iPhone, the image is apparently not scaled and appears full size, or at any rate much larger than 1.5 em.


How then do I make it scale on iOS as well?