CSS print media

Strange printed output with Mozilla

[KennyJ]

My site uses a three column (css) layout - two "menu" columns and a middle content column.

To print the pages, I hide all but the middle content column using CSS @media print.

The printed version works fine in both IE and Opera, but with NetScape/Firebird I get rather weird results...

Either a couple of printed pages look fine and then the remainder of the file is not printed, or only half the width of the content column is printed.

Any ideas?

[BlobFisk]

How are you 'hiding' in the print CSS? Are you using display:none; or visibility:hidden;?

[KennyJ]

display:none

- visibility:hidden created a further problem where the left menu was printed on top of the content.