ALMOST!

DreamWriter, it is so nearly perfect. Each chapter title preserves it formatting however I navigate there so at least it doesn't look so broken. There is one negative which is when I am on the chapter page and press the back button I have a blank page with an underscore in the top left corner. Or when I finish a chapter the next page is a blank page with an underscore in the top left corner.
What I have done is opened by file. Near the start under the style tag I entered the line of code you said and it looks like this
Code:
#h1
{page-break-before:always;
margin:0pt;
margin-bottom:.0001pt;
line-height:115%;
page-break-after:avoid;
font-size:18.0pt;
font-family:"Times New Roman";
color:black;
font-weight:bold;
text-decoration:underline;}
Then I entered this line of code
<mbp: pagebreak /> at the start of every chapter. So it actually comes before the p class information for normal text.
So after my table of contents, this is all the text for Chapter 1
Code:
<mbp:pagebreak />
<p class=MsoNormal style='line-height:150%'><b><span style='font-size:12.0pt;
line-height:150%;font-family:"Times New Roman"'> </span></b></p>
<b><u><span style='font-size:18.0pt;line-height:115%;font-family:"Times New Roman";
color:black'><br clear=all style='page-break-before:always'>
</span></u></b>
<h1 class="heading1style" id="_Toc289087672">My Chapter One Name</h1>
<br>
</h1>
And this is what it looks like at the start of my second chapter. There also an extra line that says 'text-decoration'. I don't know if this is relevant.
Code:
<mbp:pagebreak />
<b><u><span style='font-size:18.0pt;line-height:115%;font-family:"Times New Roman";
color:black'><br clear=all style='page-break-before:always'>
</span></u></b>
<h1><span style='text-decoration:none'> </span></h1>
<h1 class="heading1style" id="_Toc289087673">My chapter 2 name</h1>
So there is a bit of code adding that extra page. Any ideas?