centered layout with overflow

[busnut]

Hi, i'm trying to make up a new design for my website where the information is centered in the middle of the screen which i don't have a problem with, but using the overflow function is giving me some bother, but only when i try printing out the page on paper, as i have it set within the cssprint script that only the 'content' div will print the information, but on print preview or paper, it does not print correctly, so therefore im seeking help...

this is what i have in the page layout:

<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="content"></div>
<div id="footer"></div>
</div>

now with content, i have it set as:
#content {
overflow: auto;
padding: 20px;
width: 720px;
height: 310px;
}

but for the printcss style sheet, i have:
#content {
width: 100%;
height: 100%;
margin: 0;
float: none;
text-align: left;
}

and for sum unknown reason on my behalf, the 'content' information just wont print properly, or more so won't print properly between IE or FF.

So really, everything works except for why won't the content print on the page as if the webpage being viewed wasn't in a overflow? And also why it likes to print half way across the page on FF?

Thanks for any help in advance if someone can assist.