[DNSB]

Originally Posted by Cepheus

Thanks for the response JSWolf. In the first CSS statement I did specify the border. This is for the 20 or so chapters that use the same image. The second CSS statement is for a specific image that should not have a border:

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

Not sure why but that image does not have a border when viewed on iBooks on the desktop but does have a border when viewed on the iPad.

Any thoughts why that is happening?

Order of evaluation? I've seen issues where some renderers seem to evaluate the stylesheet entries in different orders. I would suggest creating a differently named CSS entry without the border entry and see how it behaves. E.g.:

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

div.epigraph-facing div.mediaobject2 img {
margin: 1em auto;
width: auto !important;
height: auto;
text-align: center;
padding: 0;
border: none;
}