Problemas com margens a partir da 2 ª pagina - Print html

Preciso imprimir um relatórios de jogos, configurei para não aparecer os cabeçalhos na folha, e também o header e footer fixos, porém se a impressão usar mais de uma folha começo a ter problemas com as margens, segue o modelo:

/monthly_2018_06/image.png.832937a4e34b695b25edd7ae01346230.png" />

/monthly_2018_06/image.png.8e5e0e056aa4f8a71db7f1ee43203ba3.png" />

Reparem que no final da primeira folha o footer cobriu parte do conteúdo, e na segunda folha o conteúdo começa bem perto da margem, porém como configurei:

@page{

 size:auto;
 margin:0mm;
}

	Para não aparecer os cabeçalhos na impressão não consigo fazer de outra forma para que o conteúdo vá para a segunda folha com uma margem legal... segue o meu código:

	 

 @page{
 size:auto;
 margin:0mm;
 }
 @media screen{
 #header{
 top:0;
 margin:12mm;
 }
 #page{
 display:block;
 }
 #footer{
 bottom:0;
 margin:6mm 12mm 10mm 3mm;
 }
 }
 @media print{
 #header{
 position:fixed;
 top:0;
 margin:12mm;
 }
 #page{
 display:block;
 }
 #footer{
 position:fixed;
 bottom:0;
 margin:6mm 12mm 10mm 3mm;
 }
 }

	 

<div id="header">
 <img style="float:left; position:relative;" src="{{ asset('images/report_logo.png') }}" height="96px" border="0" title="" alt="" />
</div>

<div id="page">
 <table>

 Content

 </table>
</div>

<div id="footer">
 <img src="{{ asset('images/report_footer.jpg') }}" width="720px" border="0" title="" alt="" />
</div>