I have been using ML8 for a while now and I'm trying to upgrade to ML9. I only just started working on ML9 today. I have a dual CSS implemented in ML8 for IE and Mozilla. I had the following in my template header...

<link rel="stylesheet" type="text/css" id="stylesheet" href="skins/Skin_(!SKINID!)/style.css">
<script type="text/javascript" language="javascript"><!--
var browser = navigator.userAgent;
if (browser.indexOf('MSIE') == -1) {
document.getElementById('stylesheet').href = "skins/Skin_(!SKINID!)/styleMozilla.css"
}//-->
</script>

This worked fine in ML8. I see a comment in ML9 default Master Template stating not to declare a css in the Master template. Where / how should this split css be defined if not in the Master template?