Help with a Javascript that can load specific style sheets

[apach3dan]

I have just such a code for a <div> based layout site I'm working on and it's working fine in Firefox, Safari, Opera and IE7, but I can't seem to make it work in IE 8. Any advice on what I can do? Or is there something better?

Code is below:




<!--
var browser = '';
var version = '';
var entrance = '';
var cond = '';
// BROWSER?
if (browser == ''){
if (navigator.appName.indexOf('Microsoft') != -1)
browser = 'IE'
else if (navigator.appName.indexOf('Netscape') != -1)
browser = 'Netscape'
else browser = 'IE';
}
if (version == ''){
version= navigator.appVersion;
paren = version.indexOf('(');
whole_version = navigator.appVersion.substring(0,paren-1);
version = parseInt(whole_version);
}
if (browser == 'IE' && version >= 4) document.write('<'+'link rel="stylesheet" href="indexie.css" />');
if (browser == 'Netscape' && version >= 2.02) document.write('<'+'link rel="stylesheet" href="index.css" />');
// -->