I have a page which displays a gantt chart withouth problems.  The user clicks a link which generates a page of the same chart with enough width to fill an a3 paper sheet (the user in question has an a3 colour laser they wish to output to)

Now I'd rather not display this larger chart to the user just because it looks ugly.. instead just tell them it's printing.

To that end I have two style sheets - on with the "media" tag and one with the "print" tag so one controls what things look like when printed and the other when displayed.

i've done this method with loads of other pages withouth problems (you basically surround the content which will not be displayed but will be printed in a single div.

In the media stylesheet the single div has a display:none and the same class name , but on the print sheet, has a display:block.

Works without issue except in the case of this flash...

It does not show in the printed side using the above setup and seems to take it's styles from the media style sheet not the printed one..

How do I get it to work?