PCMech Forums - CSS - media="print"

Hi,

I'm making use of the rather cool 'media' functionality of CSS2 so people can get much better printouts from my webpages but I have one concern... I know that older browsers don't support 'media' but I'm worried that they'll know enough CSS to interpret the 'display: none' property I've applied to superfluous elements (in the printout) such as navigation and *not* render them on screen.

I've had a little look online for advice on this issue but it's not altogether clear... I'm currently linking to the CSS file with this:

Code:

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

But it seems some people suggest using an @import statement to fool older browsers. e.g.:

Code:

&lt;style type="text/css" media="print"&gt;

           @import url('/styles/print.css');

        &lt;/style&gt;

Can anyone clarify what will happen with the first bit of code? Will it be ignored by older browsers or will they use the styles in the link stylesheet on the screen render? I don't have any old browsers to test this on - should I download some or does anyone have a suggestion on how I could test this?

Cheers

BlindFish