Printer Friendly CSS for Firefox

Problem: I’m trying to add a “Print” css style into my page but Firefox keeps only printing the “First Page” which is quite annoying while it works in IE

Solution: First of all see A List Apart – Print your way and Fix for the firefox css one page printing problem bug.

Below is the css that fixed my problem…


#navigation { display: none !important;}
#header { display: none !important;}
#footer { display: none !important;}
.right { display: none !important;}
select { display: none !important;}

body, html, #notes_all, .txtArticle, .post_body
{
float: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
position: relative !important;
overflow-y : visible !important;
}

* {visibility:hidden !important;}
#notes_all *
{
visibility:visible !important;
overflow: visible !important;
overflow-y : visible !important;
}