 <p>As @page with pagenumbers don't work in browsers for now I was looking for alternatives.<br> I've found an <a href="http://stackoverflow.com/questions/15797161/browser-support-for-css-page-numbers/16651296#16651296">answer</a> posted by <strong><em>Oliver Kohll</em></strong>.<br> I'll repost it here so everyone could find it more easily:<br> For this answer we are <strong>not using @page</strong>, which is a pure CSS answer, but work in FireFox 20+ versions. Here is the <a href="http://jsfiddle.net/okohll/QnFKZ/">link</a> of an example.<br> The CSS is:<br></p> <pre><code>#content { display: table; } #pageFooter { display: table-footer-group; } #pageFooter:after { counter-increment: page; content: counter(page); } </code></pre> <p>And the HTML code is:<br></p> <pre><code>&lt;div id="content"&gt; &lt;div id="pageFooter"&gt;Page &lt;/div&gt; multi-page content here... &lt;/div&gt; </code></pre> <p>This way you can customize your page number by editing parametrs to <em>#pageFooter</em>. My example:<br></p> <pre><code>#pageFooter:after { counter-increment: page; content:"Page " counter(page); left: 0; top: 100%; white-space: nowrap; z-index: 20px; -moz-border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); } </code></pre> <p>This trick worked for me fine. Hope it will help you.</p>