[Javascript] Appliquer un css selon le browse

salut

J'ai un problème avec mon site, en fait le positionnement des boutons ne se fait pas de la même manière sous ie, firefox et opera. Je dois pour cela écrire 3 css différents et inclure le bon selon le navigateur utilisé. J'ai donc utilisé ce script :

<SCRIPT>
if(navigator.userAgent.indexOf("Firefox")!=-1){
var versionindex=navigator.userAgent.indexOf("Firefox")+8
if (parseInt(navigator.userAgent.charAt(versionindex))>=1)
alert("You are using Firefox 1.x or above")
document.write("<link href=\"ff.css\" rel=\"stylesheet\" type=\"text/css\" />");
}

//Detect IE5.5+
version=0
if (navigator.appVersion.indexOf("MSIE")!=-1){
temp=navigator.appVersion.split("MSIE")
version=parseFloat(temp[1])
}

if (version>=5.5) //NON IE browser will return 0
alert("You're using IE5.5+")
document.write("<link href=\"ie.css\" rel=\"stylesheet\" type=\"text/css\" />");

if(navigator.userAgent.indexOf("Opera")!=-1){
var versionindex=navigator.userAgent.indexOf("Opera")+6
if (parseInt(navigator.userAgent.charAt(versionindex))>=8)
alert("You are using Opera 8 or 9")
document.write("<link href=\"op.css\" rel=\"stylesheet\" type=\"text/css\" />");
}

</SCRIPT>

mais cela ne marche pas . Je pense que le document.write("<link href=........... " ) n'est pas la bonne solution, mais je ne voi pas comment faire d'autre, une idée ???