how can I load a different stylesheet for each browser?

[cieanfie]

I'm trying to load different style sheets depending on the browser that's being used. The idea is that since IE and Mozilla don't handle absolute positioning the same (usually off by a few pixels), I need to have one stylesheet for each browser.

I've tried putting in a standard browser detection script in the head secion of my page, the doing a document.write() to output the line to load the stylesheet, but it doesn't work. even when the javascript does nothing except the document.write line , i get no stylesheet loaded. I guess you can't do that.

What are the options available to do this, given that a server-side script will make my life more difficult as I can't test it easily.

Thanks.