here is the css and the code I am linking it to. I realize the css is absurd, but this is what Pages spit out for me to use. Again, It is only images that have the issue and only on Nook. Kindle and Kobo don't have it.
I thought this line
body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
would fix the problem, but no dice.
sup{
font-size: 67%;
vertical-align: 33%;
}
sub{
font-size: 67%;
vertical-align: -10%;
}
p{
margin: 0px;
}
.s1{
color: #000000;
font-size: 100.00%;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0.0000em;
margin-bottom: 0.0000%;
margin-top: 0.0000%;
padding-left: 0.0000%;
padding-right: 0.0000%;
text-align: left;
text-decoration: none;
text-indent: 3.0000%;
text-transform: none;
}
.s2{
color: #000000;
font-size: 125.00%;
font-style: normal;
font-variant: normal;
font-weight: bold;
letter-spacing: 0.0000em;
margin-bottom: 0.0000%;
margin-top: 0.0000%;
padding-left: 0.0000%;
padding-right: 0.0000%;
text-align: center;
text-decoration: none;
text-indent: 0.0000%;
text-transform: none;
}
s3{
color: #000000;
font-size: 100.00%;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0.0000em;
margin-bottom: 0.0000%;
margin-top: 0.0000%;
padding-left: 0.0000%;
padding-right: 0.0000%;
text-align: left;
text-decoration: none;
text-indent: 0.0000%;
text-transform: none;
}
body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
as well as the code is is applied to
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>1 Section 1 | Misericordia Readers Pre-Primer</title>
<meta content="BDA4F8FE-D078-4656-AE52-1A2D4DFB64C3" name="EPB-UUID" />
<link href="../Styles/book.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="body" style="white-space:normal">
<h1 style="text-align: center;" title="Mary"><img alt="Misericordia Readers Pre-Primer_Page_04" src="../Images/Misericordia%20Readers%20Pre-Primer_Page_04.jpeg" /></h1>
<p class="s2">Mary</p>
<p class="s1">Wake up, Mary.</p>
<p class="s1">Wake up.</p>
<p class="s1">Wake up.</p>
<p class="s1">Wake up, Mary.</p>
</div>
</body>
</html>