[Cepheus]

I have created an eBook with a number of chapters containing a graphic at the beginning of each with the following CSS for style:

div.epigraph-facing div.mediaobject img {
margin: 1em auto;
width: auto !important;
height: auto;
text-align: center;
padding: 0;
border: 2px solid black;
}

One chapter uses a different image at the beginning and should not have a border. I have written the following CSS for to target that specific image.


div.epigraph-facing div.mediaobject img[src="images/e_MapOfLincoln.png"] {
border: none !important;
}

This CSS turns off the border to the specific image when I open the book in iBooks on my desktop computer. Unfortunately when I open the eBook in iBooks on my iPad the border is still there.

Is there any explanation for why the border is still there on the iPad???