Trying to create an HTML brochure that's cross-browser compatible

So I have a PDF brochure that we're trying to create a printable HTML version for. I'm running into a few obstacles including:

• Zoom at 100% vs. Shrink to fit (defaults appear to be different in FF/IE)
• Only printing one page and not having any space after the footer (or even just getting "page-break-after:always" to work)
• I hav开发者_如何学编程e a fluid layout that I'm trying to just use a width: auto on the main wrapper for, but this means not having any kind of width constrictions on the front-end of the HTML page. I don't want to use a min-width or anything. Was hoping since this is page is strictly for print, I wouldn't have to add a print style sheet (just typing this makes me think I pretty much have to...)
• Should I just use a fixed layout on the HTML page and a fluid layout on the print page?

I may be over thinking this...

Thanks so much for any help.

I would say make ONE HTML page. Then, create two separate print media CSS files: one for Firefox, the other for IE. Use a conditional comment to read the browser and figure which media print stylesheet to use.

A little bit of work, but it should work for you.