Versão para impressão

[danicarla 3]

Olá pessoas,

Estou tentando fazer uma versão de impressão usando CSS eu queria colocar um cabeçalho e um rodapé em todas as paginas,  O problema é que o conteúdo vem do banco de dados,  e dependendo do tamanho dos parágrafos em algumas vezes o texto acaba ficando em cima do cabeçalho ou do rodapé.. alguém tem alguma idéia de como posso fazer isso?

 

Meu cód está assim:
 

header {font-family:Arial;font-size: 22px;color: #000;text-align: center;}
footer {font-family:Arial;font-size: 10px; color: #CD090C;text-align: center;}
article {font-family:Arial;font-size: 14px; color: #000;text-align: justify;}
@page {size: A4;margin: 11mm 17mm 17mm 17mm;}
@media print {
header {position: fixed;top: 0;}
footer {position: fixed;bottom: 0;}
article {position: relative;top:40px;}
.content-block, p {top:40px;page-break-inside: avoid;}
html, body {width: 210mm;height: 297mm;}
}

E no HTML
 

<header>CABEÇALHO</header>
<article>Conteudo.. texto.. etc..</article>
<footer>Texto do Rodapé</footer>