I've been looking at this all after-noon (both here and google) and can't figure out what I'm doing wrong.

I'm trying to set up a page that is printable using CSS (media print) it prints (print preview) fine in IE but not FF. This is a sample of pages I'm setting up with header, footer, left column (for menu), center column with info. I'm trying to hide left column during print and display a different graphic in the header. FireFox seams to be total ingnoring the stuff in media print (all the other CSS looks fine in FF.

My luck I'm going about this the wrong way and IE just happens to not care.

Any one have any Ideas?


CSS:
Code:
html, body{
 margin				: 0px;
 padding			: 0px;
 background-color		: #79ADBA;
 color				: #000000;
}

body{
 margin				: 20px;
 margin-right			: 17px;
}

.columns{
 margin				: 0px;
 margin-top			: -1px;
 padding			: 0px;
 border				: solid 1px #000000;
 color				: #000000;
 background-color		: #ffffff;
}

.header{
 margin				: 0px;
 padding			: 0px;
 height				: 142px; 
 width				: 100%; 
 background-color		: #006979; 
 background			: url(Images/child.gif) no-repeat;
 border				: none;
}

.leftcolumn{
 float				: left;
 width				: 125px;
 margin				: 0px;
 margin-top			: -11px;
 padding			: 0px;
}
/* reset post NN4 */
.leftcolumn{
/*/*/
 margin-top			: 0px;
/* */
}

.centercolumn{
 margin				: 0px;
 padding			: 0px;
 margin-right			: 0px;
 margin-left			: -25px;
 margin-left			: 125px;
}

.footer{
 clear				: both;
 margin				: 0px;
 margin-top			: -7px;
 padding			: 0px;
 text-align			: center;
 color				: #FFFFFF;
 background-color		: #008290;
}
/* reset post NN4 */
.footer{
 margin-top			: 0px;
 margin-left			:-8px
}

.prthdr{
 display			: none;
}

 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
body{
 margin				: 0px;
 width				: 100%;
}
.leftcolumn{display		:none;}
.header{display			:none;}
.prthdr{display			:block;}
HTML:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" href="test.css" type="text/css" >
</head>

<body>
<div class="columns">
  <div class="header">&nbsp;</div>
  <div class="prthdr"><img src="images/logo.gif"></div>
  <div class="leftcolumn">Menu line</div>
  <div class="centercolumn">Body Text</div>
  <div class="footer">Footer line</div>
</div>
</body>
</html>