[Rand Brittain]

Originally Posted by dgatwood

I'm not seeing any spacing around the image when I view just the snippets you have above in Safari with paragraphs of text after it. So whatever is happening, it's probably somewhere in your CSS other than in the bits posted above.

Hm. See anything that could cause the issue?

@page {
	margin-top: 5pt;
	margin-bottom: 5pt;
}

body {
	display: block;
}

blockquote {
	margin-left: 0;
	margin-right: 0;
	text-indent: 0;
	}

.bold {
	font-weight: bold;
}

.break1 {
	margin-top: 1em;
	}
	
.break2 {
	margin-top: 2em;
}

.break-before {
	page-break-before: always;
}

.center {
	text-align: center;
	text-indent: 0;
}

.clean {
	text-indent: 0;
}

.footnote {
	page-break-before: always;
	padding-top: 10%;
	font-size: 0.85em;
}

.fullbox {
	page-break-before: always;
	padding-top: 2.0em;
	display: block; 
	padding-bottom: .25em;
}

.fullpage {
	page-break-before: always;
	page-break-after: always;
	padding-top: 25%;
}

.fullpageA {
	page-break-after: always;
	padding-top: 25%;
}

.gallery {
	height: 20%;
	page-break-after: always;
}

.galleryi {
	max-width: 100%;
	max-height: 80%;
}

.galleryii {
	max-width: 100%;
	max-height: 100%;
}

h1, h2, h3, h4, h5 {
	text-align: center;
	text-indent: 0;
	margin-bottom: 1.0em;
	margin-top: 1.0em;
}


h1.title {
text-align: center; 
margin-top: 2.0em; 
margin-bottom: 1.0em; 
font-size: 2.5em;
	}
	
h2.author {
text-align: center; 
margin-top: 1.0em;
	}

h4.year {
text-align: center; 
margin-top: 2.0em;
	}

.icon {
	float: right;
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

li.defining {
	list-style-image:url("../Images/defining-bullet.png");
}

li.dramatic {
	list-style-image:url("../Images/dramatic-bullet.png");
}

li.heroic {
	list-style-image:url("../Images/heroic-bullet.png");
}

li.lurid {
	list-style-image:url("../Images/lurid-bullet.png");
}

li.passionate {
	list-style-image:url("../Images/passionate-bullet.png");
}

li.pastoral {
	list-style-image:url("../Images/pastoral-bullet.png");
}

li.ritual {
	list-style-image:url("../Images/ritual-bullet.png");
}

li.setting {
	list-style-image:url("../Images/setting-bullet.png");
}

.iconic-title {
	page-break-before: always;
	padding-top: 20%;
}

.iconic-image {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.0em;
	max-width: 30%;
}

.iconic-image-left {
	margin-top: 1.0em;
	max-width: 50%;
	float: left;
}

.iconic-image-right {
	margin-top: 1.0em;
	max-width: 50%;
	float: right;
}

.iconic-marker {
	font-style: italic;
	text-align: center;
	text-indent: 0;
	font-size: 85%;
	margin-top: 1.0em;
	page-break-after: always;
}

.italic {
	font-style: italic;
}

p {
	text-indent: 2.0em;
	margin-top: 0;
	margin-bottom: 0;
	text-align: justify;
}

p.missive {
	margin-left: 1em;
	margin-right: 1em;
	text-indent: 0em;
}

p.missive-indent {
	margin-left: 1em;
	margin-right: 1em;
	text-indent: 2em;
}

.right {
	text-align: right;
	}

.sidebar {
    border: 5px groove;
    display: block; 
    float: right;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1%;
    width: 40%;
    padding-bottom: .25em;
	 padding-left: 4px;
	 padding-right: 4px;
	 font-size: 0.8em;
}

.sidebarL {
    border: 5px groove;
    display: block; 
    float: left;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1%;
    width: 40%;
    padding-bottom: .25em;
	 font-size: 0.8em;
}

.sidebarLink {
/* Comment out the next line for linked sidebars; uncomment it for full ones. */
/*   display: none; */
	text-align: center;
	text-indent: 0;
	
}

.sidebarEll {
/* Comment out the next line for linked sidebars; uncomment it for full ones. */
/*  display: none; */
}

.sidebarTextB {
/* Uncomment the next line for linked sidebars; comment it out for full ones. */
  display: none; 
}

.sidebarpage {
	page-break-before: always;
	margin-top: 2.0em;
}

.small-caps {
	font-size: 85%;
	}

.snapshot {
	page-break-before: always;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	border-bottom: 2px solid black;
	text-align: left;
	font-style: italic;
}

span.subtitle {
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
}

ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

ul.inner {
	margin-top: 0;
	margin-bottom: 0;
}

I see you have a viewport of 512 pixels but some of the values of the data are larger than that. Perhaps it is being scaled in the eBook with a simplistic scale factor which is leaving whitespace. Just a guess. But you might try drawing it so that it does not need scaling.

How do you mean, precisely?