twentyeleven 画面通りに印刷用したい

twentyelevenのテンプレートを使って子テーマを入れてサイトを作っています。
印刷したときに、650px以下の設定が適用される上、print部分のcssが適用されるため、ヘッダーやフッターが表示されません。

単純に画面に1024pxで表示された通りを縮小して印刷したいのですが、この場合twentyelevenの元の@media print 以下をコメントアウトしても、希望通りに印刷されません。

@media print以下に色々と修正してみたのですが、

@media print {
 body {
	padding: 0 2em;
     }
#page {
	margin: 2em auto;
	max-width: 1000px;
}

.widget-area {
	display: block;
}

#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
#content {
	margin: 0 34% 0 5%;
	width: 61%;
	font-size:9px
}
#content nav {
	display: block;
}
#secondary {
	float: right;
	margin-right: 3%;
	width: 23%;
}
#box_content .box h4,#supplementary .widget-title h3{
font-size:9px}
#access {
	background-image: url(img/○○.gif);
	background-repeat: repeat-x;
	height: 49px;
	display: block;
}
#access ul li{
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
font-size:12.5px;
margin-top:7px;
}
#access ul li + li{
border-right:1px solid #ffffff;
border-left:0px solid #ffffff;
margin-top:7px;
}

#access ul ul li{
border-right:0px solid #ffffff;
border-left:0px solid #ffffff;
margin-top:7px;
}
#access div {
	margin: 0 3%;
}
#access a {
          padding:0 1em;
}
#access div {
	margin: 0 7.6%;
}
.entry-header .comments-link {
		display:block;
}
	.page-link {
		display: block;
}

#branding hgroup {
	margin: 0 7.6%;
}
#branding img {
	display: block;
	}

#colophon {
	clear: both;
         display:  block;

}
#supplementary {
         clear: both;
	padding: 1.625em  7.6%;
	overflow: hidden;
          display:  block;
}
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}
}

以上のようにしたのですが、ＩＥでは#accessのナビ部分が背景の縦が伸びて、文字が表示されず、幅が狭くなってしまうためかなりレイアウトが崩れてしま士ます。

グーグルクロームやfirefoxでは、２カラムなのですが１カラムで表示されます。

単純に画面のまま印刷したいのですが、わかりません。
どのようにしたらいいのか、ご教授願います。