css - print and screen?

[cyberpac9]

ok...i have two css files that are linked within the webpage like so:

HTML: Select all

<link rel="stylesheet" type="text/css" media="print" href="print.css" />
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />

and then here are the codes for each of the files:

HTML: Select all

print.css:
@media  print{
body{font-family: arial; font-size: 6pt; width: 30%; border-width:  1px; border-style: dashed;}
.trans{visibility: hidden; position: absolute;  bottom: 0; right: 0;}
}

screen.css:
@media  screen{
body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  12px;}
h1{color:#FF0000; font-size: 14px;}
}

for some reason in IE the print comes out full page instead of 30%...why is that? it works perfectly in Firefox and passes validation...any thoughts?