Great info in this thread, saw the post about placing an image before a chapter heading. I had the problem as well of the image being shown on a seperate page, then the chapter title. On one ebook I made I had a small image before and after the chapter heading, and my simple way was this,
<h2 class="chapter" id="heading_id_2" title="Chapter 1"><img src="../Images/LineA.jpg" /><br />Chapter 1<br /><img src="../Images/LineB.jpg" /></h2>
I found that this held the image and the chapter title together.
In CSS my code is,
.chapter {
display: block;
font-size: 1.41667em;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 1.5em;
margin-left: 0;
margin-right: 0;
margin-top: 3em;
text-align: center
}