I’m working on some print styles for a site, which invovles hiding or showing a version of the header for print or screen. Not a problem, I says. I’ll just use the handy media=print and show the correct header. Gecko family, IE and Opera all pass with flying colours. Okay, now it’s your turn Safari. No header.
After trying everything I could possibly think of, I turn to Google and find this: Re: CSS (display: none;)
Further googling came up with this: Print media oddity.
It basically involves positioning what you don’t want to show on screen waaaaaayyyy off screen until you print. It’s not how I’d like to get around it, but I don’t have time right now to find a better remedy.
You have been warned.