CTU007,

You only need to put the footer div code on the last page, making sure to set the style to "mso-element:footer".  Then just use the CSS as described in the post I linked to.

To put the header and footer into the doc there is no “GOOD” solution that I can find unfortunately.  The best solution I’ve managed to discover still leaves you with an extra “header/footer” on the last page of your document which you have to erase.

You can follow the steps here.  The problem with this hack is that you have to put the header/footer somewhere in your documents body to be able to use it as a header/footer.  I put it at the end of the document on the last page so it’s sort of out-of-the-way.  Now I should mention that I only added a footer, no header but, this is basically the code I used.

CSS:

@page Section1 {
mso-footer:f1;
}
div.Section1 {
page:Section1;
}
p.MsoFooter, li.MsoFooter, div.MsoFooter {
mso-pagination:widow-orphan;
}

HTML/VISUALFORCE:
<div class=”Section1″>
—YOUR REGULAR CONTENT HERE—
<br clear=”all” style=”page-break-before:always” />
<div style=”mso-element:footer”>
<p>
<hr />
<table>
<tr>
<td colspan=”2″ style=”text-align:center;”>
Page&nbsp;
</td>
</tr>
<tr>
<td style=”width:80%”>
&nbsp;
</td>
<td style=”width:20%”>
<img width=”124″ height=”54″ src=”YourImageUrlHere”>
</td>
</tr>
</table>
</p>
</div>
</div>

By doing this when the page opens in Word, it "should" add the footer to the bottom of every page.  Hope it helps, although I know from working with Salesforce/Word that it can be a real pain to get everything working properly.