why does my report print with scrollbars

Posted: Fri, 2008-07-25 11:09

I am working on a genalogy site with the feeware Dutch Humo-Gen program, that is written in PHP.
I have been succesfully redoing the program to fit it to my needs.
One thing is driving me crazy and preventing me form printing the long descendant reports that the program generates on the site: when I print (or watch Print Preview for that matter), the first page is printed with scrollbars as if on screen. The bottom scrollbar is printed on the top of the second page and that's it. There the long report gets truncated, no further report, nothing.
The report is contained in a <div id="content"> and i strongly suspect the "content" bit for the trouble.
The program had no print.css sheet so I added that, taken off surplus headers and stuff.
Presently "content" is defined in the general css sheet (meant for screen display!) as:

#content {
  display:block;
  height:100%;
  top:7px;
  max-height:100%;
  overflow:auto;
  padding-left:10px;
  position:relative;
  z-index:3;
}

Can anyone assist me in this. What should I put in the "content" bit to make the whole thing print out without scrollbars and all?
The test site is beck.org.il/humotry You'll have to create a random descendant report to see the trouble.
Thanks!