PDF printout, Page break and Sticky footers

Hi,

I'm trying to put page breaks and footers but none of these seems to work... The way that I have them is in my Print.cfm... Here is my code

<style>
table.hr{page-break-before:always
border: 0;
color: white;
background-color: white;
height: 1px;
}
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 4em; /* .push must be the same height as .footer */
}
</style>


//FOOTER CODE

<cfoutput>

<div class="wrapper">
<p>THIS IS COMPANY WEBSITE</p> <br/>
<div class="push"></div>
</div>
<div class="footer">
<p>#qryThis.MySig#</p>
</div>

</cfoutput>


//PAGEBREAK CODE

<table class="hr" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Column Header</td>
<td>qryThis.Data </td>
</tr>

</table>


When I put class in a table tag it shows me all the classes in the Style code. Please help....